d3.js强制导入图形效果

Question

我完全按照here所示使用d3.js，但数据值不同。

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

Answer 1

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