javascript - 如何自动判断d3.layout.tree的大小？

Question

我没能找到任何 D3 API可以让您轻松确定给定 d3.layout.tree 或任何其他布局所需的宽度和高度的文档，以确保没有节点相互重叠。

例如，d3.layout.tree example展开所有子节点后开始重叠。

是否有一种简单的 D3 方法来确定我的树需要的宽度和高度以避免重叠？或者，我是否必须编写自己的方法？

编辑

有一个开放的issue以便在将来的某个时候添加此行为。

编辑#2

现在有https://github.com/mbostock/d3/wiki/Cluster-Layout#nodeSize和 https://github.com/mbostock/d3/wiki/Tree-Layout#nodeSize根据每个节点的大小设置布局的大小。

Answer 1

我很确定这是您需要自己创建的东西 - 树布局不知道您将如何表示树节点、标签和其他视觉元素(尤其是那些元素的大小)，所以它不一定知道它们重叠(您可以减小元素的大小，它们将不再这样做)。因此，我认为不可能将类似的东西构建到树布局功能中。

您可以考虑通过使用“basewidth”变量并将其乘以显示的“最终”节点数来动态设置宽度(或高度，视情况而定)。