我正在尝试以树的形式排列我的节点。现在,我正在处理 here 的这个例子。目前,我依赖于力导向布局,但我正在尝试修改它,以便我可以获得具有预定层数的树,即如果一个节点属于特定的“层”,它应该与其他节点属于同一区域层。

我试图在下面的图片中解释更多,但有人对此有什么建议吗? d3 中是否有任何预先确定的算法可以执行此操作或可以对其进行调整以实现此目的?

最佳答案

您的图表看起来与 this example 几乎相同,它使用基于深度的自定义重力。 another example 使用自定义力吸引到父节点。这些都来自 my talk 上的力布局。

当然,力布局只是一种选择——正如@nrabinowitz 所说,还有更多 hierarchy layouts 。您可以在我的 SVG 公开演讲中找到 more interactive hierarchy examples

关于javascript - 如何使用 d3 及其力布局构造树?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9712516/

10-16 20:44