javascript - D3 径向力布局

Question

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

Answer 1

看看这个例子:

link to jsfiddle

中央(根)节点有特殊处理，使其始终保持在图形的中心。初始化时，中心节点的属性 fixed 设置为 true，这样 d3 强制布局模拟不会移动它。此外，它被放置在包含布局的矩形的中心:

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

希望这对您有所帮助。