【问题标题】:D3 radial force layoutD3径向力布局
【发布时间】:2014-06-20 02:44:48
【问题描述】:

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

【问题讨论】:

标签: javascript d3.js force-layout


【解决方案1】:

看看这个例子:

link to jsfiddle

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

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

希望这会有所帮助。

【讨论】: