d3.js 强制有向图影响进入

Question

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



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

Answer 1

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