D3径向力布置

Question

我正在研究 d3 力布局，它要求节点以这样的方式放置：有一个中心节点，所有其他节点都根据该中心节点径向放置。节点像法向力布局一样相互链接，并具有适当的源和目标。中心节点决定所有其他节点的位置，因此本质上它是所有节点的源。现在我所能做的就是使用 linkDistance 属性以一个节点作为参考以线性方式放置它们，但我需要以径向方式放置它们。我本可以展示一张图片，但显然我的声誉太低，不允许我发布图片。有人可以帮我解决这个问题吗？

Answer 1

看一下这个例子：

链接到 jsfiddle

中心（根）节点经过特殊处理，使其始终保持在图的中心。初始化时，中心节点的属性fixed设置为 true，因此 d3 力布局模拟不会移动它。此外，它被放置在包含布局的矩形的中心：

root.fixed = true;
root.x = width / 2;
root.y = height / 2;

希望这可以帮助。