D3径向力布局

时间:2014-06-20 02:44:49

标签: javascript d3.js force-layout

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

1 个答案:

答案 0 :(得分:3)

看一下这个例子:

link to jsfiddle

enter image description here

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

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

希望这有帮助。