d3.js树布局需要扩大为节点开放，不压缩

Question

我使用的是树的布局和类似的代码http://mbostock.github.io/d3/talk/20111018/tree.html

我修改它自上而下的方向。 随着每个节点的打开/展开，其他开放节点将进行压缩以适应SVG元素中的所有内容。有没有可能阻止这种情况？我认为修改每个节点的x部分将是方法，但一直未能实现。节点移过来，但仍然压缩在一起。

也想知道如何改变连接线从bezier到直角/直线。也许需要一个单独的问题。

Answer 1

压缩在树形布局（及其一部分）中是自动的。没有办法关掉它。但是，您可以简单地将SVG放大到足以包含整个展开的树而不压缩。请注意，这意味着除非屏幕足够大，否则即使可见的所有内容都适合屏幕，滚动条也会显示。

连接节点的链接使用示例中的diagonal line generator生成。原则上，您可以将其替换为任何其他线条生成器（例如d3.svg.line），但实际上，由于对角线生成器以特殊方式访问源节点和目标节点，因此需要进行一些更改。对于法线生成器，您需要将此结构转换为双元素数组，并为每个元素指定如何访问x/y坐标。然后你可以使用任何插值来获得你想要的曲线。