我正在研究树形布局（示例），用户可以通过单击它们来折叠和展开分支。
在我的示例中，我使用了一个太小的容器来演示当您单击大图表中的子节点时会发生什么：子节点只是溢出 svg 容器并隐藏在视图之外。
在这种情况下，有没有办法将整个布局移动/动画到左边，这样最右边的节点就不会被隐藏？当然，当节点再次折叠时，我希望布局再次转换回右侧。当您单击图表的最右侧部分时，我正在寻找的效果类似于http://mbostock.github.io/d3/talk/20111018/#19 。先前的节点向左淡出。当您单击左侧时，它们也会回来。
我知道我需要翻译布局本身，但作为 d3 的新手，我不确定确定何时翻译布局的正确方法。例如，我是否应该查看每个节点的最右侧并检查其坐标是否在容器的宽度范围内？哪里是最好的检查地点？