d3.js - 将链接大小设置为强制布局

Question

基于 Michael Bostock 的“分子”示例，可在以下网址获得:http://bl.ocks.org/mbostock/3037015 .

我正在尝试使用多个值设置链接的大小。为此，我禁用了“重力”，在“电荷”中放置了一个重要的负值，并将第一个节点固定到我的窗口中心。

var force = d3.layout.force()
    .size([width, height])
    .charge(-800)
    .friction(0.45)
    .linkStrength(1)
    .gravity(0)
    .linkDistance(function(d) { 
        return radius(d.target.size * 10);
     });

我的问题是( )有时链接的大小是不同的，特别是对于定义的链接很少。

有人知道我的问题的一种好的解决方案吗？

你可以在这里看到我的代码: http://jsfiddle.net/awPn3/

Answer 1

力布局的一个特点是链接的长度是可变的——关键是节点是自动布局的，你不必担心。您可以实现检查以确保距离始终是您想要的距离，但这将非常困难。
linkDistance您已经在使用的函数是(弱)强制执行此类约束的唯一直接方法。如果这还不够，就没有简单的方法来缓解它。您唯一的选择是在模拟的每个滴答声中执行我上面提到的检查。