如何定义节点在D3 js力布局中的进入位置

How to define the node entering position in D3 js force layout

本文关键字:布局 位置 js D3 何定义 定义 节点      更新时间:2023-09-26

我试图在D3.js中实现径向力布局,我看到了一个类似的例子,但我被困在如何在布局中初始化节点位置。

http://bl.ocks.org/vlandham/5087480

Thanks in Advance

初始化位置只是通过设置cx和cy位置来完成。最符合逻辑的位置是当前正在设置半径的位置,即

.attr("r", 10)
.attr("cx", 5) //added
.attr("cy", 5) //added

当然,如果你使用绑定的数据来初始化位置,你可以做一些更奇特的事情。

这将只设置起始点-然后force布局将接管并定位元素。这样做的好处是,如果处理得当,可以潜在地减少一些初始节点移动。