2

我试图使用 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和屏幕截图，可见重叠：

在此处输入图像描述

4

1 回答 1

2

你有没有看到

Mike Bostock 的碰撞检测示例

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

于 2013-10-21T18:16:03.830 回答