Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript D3.js力布局:如何停止力布局图中的初始移动?_Javascript_D3.js - Fatal编程技术网

Javascript D3.js力布局:如何停止力布局图中的初始移动?

Javascript D3.js力布局:如何停止力布局图中的初始移动?,javascript,d3.js,Javascript,D3.js,我正在使用。可以看到我的代码的初始挠痒。我遵循了静态布局的原则。但我没有得到预期的产出。我的密码是 将冷却参数alpha设置为0或更小: var force = d3.layout.force() .linkDistance(75) .alpha(0) .size([width, height]) .on("tick", tick); 并更新勾选功能: functio

我正在使用。可以看到我的代码的初始挠痒。我遵循了静态布局的原则。但我没有得到预期的产出。我的密码是

将冷却参数
alpha
设置为0或更小:

var force = d3.layout.force()
                .linkDistance(75)
                .alpha(0)
                .size([width, height])
                .on("tick", tick);
并更新
勾选
功能:

function tick() {
 var k = 0;
 while ((force.alpha() > 1e-2) && (k < 150)) {
    force.tick();
    k = k + 1;
 }
 node.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });
 }
函数tick(){
var k=0;
而((力α>1e-2)和&(k<150)){
force.tick();
k=k+1;
}
attr(“transform”,函数(d){return“translate”(“+d.x+”,“+d.y+”)”);});
}

这会让初始运动“平静”很多,但不是100%静止。

你想要一个吗?是的,我在这里也实现了同样的功能。但它不符合我的期望。它怎么不符合你的期望?当我分配节点坐标时。它排成一行。您可以在上面提到的链接中看到同样的内容。我在输入json时使用了鱼眼失真代码。它也给了我同样的输出。(所有节点都在一行中)。感谢@Fengshuo,我尝试了这个勾号函数,但在声明force布局时,我没有使用
alpha(0)
,这不太有效。但是哇,它不是100%静态的,但仍然非常有用。再次感谢:)