我的算法看起来像这样：
1.将树大小设置为已知的恒定大小。
1.从展开位置的所有子节点开始（即每个人都有.children而不是._children）。
1.调用tree.nodes(root)
1.递归访问每个叶节点并确定最大d.y和d.x值。
1.然后，高度变为最大d.y乘以节点大小（圆半径）加上填充。
1.然后宽度变为最大d.x乘以节点大小（圆半径）加上填充。
1.设置新的树大小，新的SVG大小，重新调用tree.nodes(root)并绘制。

我也遇到了同样的问题。我所做的是根据孩子们进出的数量在click上更新tree.size([height,width])。

// Toggle children on click.
function click(d) {
  if (d.children) {
    d._children = d.children;
    d.children = null;
  } else {
    d.children = d._children;
    d._children = null;
  }
  update(d);
}

变成

// Toggle children on click.
function click(d) {
    if (d.open) {
        if (d.children) {
            height = height - d.children.length * 20;
            d._children = d.children;
            d.children = null;
        } else {
            height = height - d._children.length * 20;
            d.children = d._children;
            d._children = null;
        }
    } else {
        if (d.children) {
            height = height + d.children.length * 20;
            d._children = d.children;
            d.children = null;
        } else {
            height = height + d._children.length * 20;
            d.children = d._children;
            d._children = null;
        }
    }
    d.open = !d.open;
    update(d);
}

}
我需要open属性是因为其他原因，所以也许你可以在没有这么多重复的情况下沿着。关键点是根据扩展或收缩的子元素的数量更新height全局变量。然后，在你的update函数中，你可以再次调用

tree = d3.tree().size([height, width]);