d3.js具有rect碰撞的力导向图

Question

我尝试克里特力 - 有向图。我的节点是直的，它们相互重叠。有些例子中删除了重叠，但没有链接。请帮助我修改图表以避免重叠。

经销商提供的内容可应用于圈子：

.force('collision', d3.forceCollide().radius(function(d) {
   return d.radius
}))

我的情况： https://jsfiddle.net/MoOgur/7mc1jm77/?utm_source=website&utm_medium=embed&utm_campaign=7mc1jm77

链接必须参与模拟，但不应绘制。

Answer 1

如果您在.strength(-80))后面的示例中的第46行添加了.force("charge", d3.forceManyBody()，那就更好了。

您可以将“80”更改为其他内容。当你接近“0”时，图表看起来更有针对性。

这取决于您在网页上的空间大小。如果不足够，那么此解决方案将不会工作。