共享节点的多个d3可折叠树布局

Question

我想绘制两个共享公共节点的d3（可折叠）树布局，例如根。在我第一次尝试（jsfiddle）时，当我点击其中一个可折叠树的其中一个节点时，树会转换为容纳新节点，因此根节点不再重叠。我如何锚定两个根的位置，以便它们在其中一个翻译时一起移动？

这样做的一种肮脏方法是创建一个centerNode(node)函数，将node置于屏幕中间，然后将centerNode函数应用于两个根（{1}} {1}}和root）。下面我发布了你可以在jsfiddle中找到的部分代码：

root2