d3.js - d3.js 强制有向图对 enter 的影响

Question

我完全按照此处所示使用 d3.js，但具有不同的数据值。

当图表第一次显示时，所有元素都是分散的，并在大约一秒钟内迅速向它们的位置移动。这在示例中看起来不错，但对于我的数据，它看起来并不那么好。有什么方法可以关闭它，以便节点在指定的位置开始？有什么方法可以自定义此条目可视化？

Answer 1

您可以遍历节点数组并将 .x/.y 和 .px/.py 值设置为您希望节点进入的初始位置，这样做将限制它们在初始布局中需要移动的数量。如果关闭力导向算法（tick() 函数），则可以将标准 .transtion().duration(500).attr("transform", xx) 行为应用于节点和链接以使它们在您在运行强制导向算法之前或之后喜欢的方式，但请确保将 .x/.y 和 .px/.py 属性设置为它们的最终位置，否则它们将在您 .tick() 后立即重置