如何删除d3js中圈的重叠？

Question

我正在尝试使用d3.js创建网络图形

虽然我增加了它重叠的圆的半径。如何避免这些重叠。

我使用碰撞功能尝试，但它并没有制定出预期

force.nodes(json.nodes).links(links).charge(-500) 
     .linkDistance(function (d) { 
      if (d.target.bublesize == 12) { 
       return 80; 
      } else if (d.target.bublesize == 18) { 
       return 90; 
      } else { 
       return link_distance; 
      } 
     }).collide(.5) 

    force.start(); 

jsFiddle，并截图，可见重叠：

Answer 1

你看到

Collision Detection example by Mike Bostock

它也适用于最新版本的d3.js ...