如何刪除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 ...