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