d3.js - 如何在 force.start 上停止力有向图的移动

Question

我正在使用力有向图在图形 View 上显示拓扑数据。我写了下面的代码:

var force = d3.layout.force()
        .charge(-120)
        .alpha(0)
        .linkDistance(65)
        .gravity(0.03)
        .size([width, height]);

force
      .nodes(data.nodes)
      .links(data.links)
      .start();

当我执行代码图初始化时，我需要停止一些运动。我想要一个没有任何移动的静态位置的图形显示，并且所有链接大小在图形初始化时应该相同。如果我会拖动然后它假设移动。
任何帮助将非常感激....!

Answer 1

以下是 static force-directed layout 的示例初始化。

"Rather than updating the graph with each tick, we run the graph a fixed number of times, and then display it once."

force.start();
for (var i = n * n; i > 0; --i) force.tick();
force.stop();

这不会阻止您以通常的方式设置可拖动节点:

.call(force.drag);

您可以通过控制 linkStrength 来帮助链接稳定到您想要的大小。