d3.js改变路径目标或增加线

Question

使用the bl.ocks collapsable tree示例：如何增加圆圈之间的线条长度（或者将圆圈向外移动到右侧）？我知道我可以使用CSS轻松地设置线条样式，我可以在脚本中轻松更新圆圈尺寸......但是我的文字更长，并且当孩子们暴露时它会被覆盖。更好的是： *计算该组子项中文本的最大长度，并将新子项设置为超出当前子项集。 要么 *当暴露儿童时，将当前的一组儿童分开，以便现在也是父母的孩子在顶部/底部有足够的空间容纳孩子。

Answer 1

您可以使用tree.nodeSize()功能设置间距的高度和宽度。需要注意的是，如果您遵循上面发布的代码，则使用tree.size()函数，并且这两个函数不能同时使用。以下是tree.nodeSize()函数的文档：https://github.com/d3/d3-3.x-api-reference/blob/master/Tree-Layout.md#nodeSize。