避免在d3.js中重叠/纠缠

时间:2015-01-05 10:08:51

标签: d3.js overlap force-layout

如何在D3.js中使用强制布局避免节点的重叠/纠缠。节点必须彼此相距很远? 这些是代码更改,链接有时相互切割,有些时候节点彼此太靠近

force = d3.layout.force()
        .gravity(.2)
        .distance(100)
        .charge(-700)
        .size([700,700]); 

1 个答案:

答案 0 :(得分:1)

它依赖于您的网络,没有固定的规则来正确显示网络可视化。要试验的一件事是将linkDistance或charge设置为基于节点的权重值,这表示节点的度中心性(它具有的连接数)。类似的东西:

d3.layout.force()
 .charge(function (d) {return d.weight * -500})