Question

我修改了一个力图，将节点圆转换为图像，但希望与链接的连接方式保持一致，就像流程图一样。与此fiddle上的内容类似。

在此代码中可能需要修改某些内容：

var forceLayout = d3.layout.force()
.nodes(nodes)
.links([])
.gravity(gravity)
.size([width, height])
    .charge(function(d){
        var charge = -500;
        if (d.index === 0) charge = 10 * charge;
        return charge;
    });

小提琴的方式，charge和linkDistance使其看起来一致，但将值更改为此处的帮助并不会有帮助。

var force = d3.layout.force()
        .charge(-200)
        .linkDistance(50)
        .size([width + margin.left + margin.right, height + margin.top + margin.bottom]);

这是指向fiddle的链接。

Answer 1

在你的小提琴代码中，我将CSS部分第7行设置为width: 600px;而不是width: 80%;。我还在JavaScript中添加了第118行的全局变量

var width = 600
    height = 800

我做了.linkDistance(30)

希望这可以帮助你..

d3.js - 力图上节点之间的稳定链接

1 个答案: