从这个例子
http://mbostock.github.com/d3/talk/20111018/tree.html
我建立了一个d3 tree layout根root.x0 = width/2在浏览器窗口中间（）的地方，节点在向下的方向而不是面对向右。
是否可以重新调整树的大小，使得树的宽度取决于树的节点数，如果节点数较少，则宽度较小，否则如果节点数大于宽度大吗？
我还需要知道d3 tree layout当前如何计算“ d.x”属性？如何操作“ d.x”属性来调整 d3 树布局的节点之间的间距。
因此，当您设置树布局的“大小”时，您所做的就是设置树布局将插入 x 和 y 值的值。因此，您没有理由不能计算所需的宽度或高度，并在每次更新调用时在布局中更改它。
我将您提供给jsFiddle的示例复制并在更新函数中添加了以下内容：
// compute the new height
var levelWidth = [1];
var childCount = function(level, n) {
if(n.children && n.children.length > 0) {
if(levelWidth.length <= level + 1) levelWidth.push(0);
levelWidth[level+1] += n.children.length;
n.children.forEach(function(d) {
childCount(level + 1, d);
});
}
};
childCount(0, root);
var newHeight = d3.max(levelWidth) * 20; // 20 pixels per line
tree = tree.size([newHeight, w]);
请注意，这是一个非常粗略的计算，并没有考虑孩子们在哪里，他们的父母或任何东西 - 但你明白了。
至于操作节点的 x 值，最简单的方法可能是在布局完成后简单地修改节点。事实上，您可以看到这已经在示例中使用 y 坐标完成了：
// Normalize for fixed-depth.
nodes.forEach(function(d) { d.y = d.depth * 180; });
他这样做是为了即使孩子被隐藏，给定级别的节点保持在相同的 y 位置，否则如果您折叠所有孩子，剩余级别将伸展以占据整个宽度（尝试注释该行，看看会发生什么当您切换整个级别不可见时）。
至于自上而下，我认为您几乎可以在看到 x 和 y（以及 x0 和 y0）的任何地方翻转。不要忘记对对角线投影做同样的事情，以确保你的线条也翻转。