javascript - D3 径向树状图跳到左上角

Question

我正在使用 React 和 D3 创建径向树状图。它具有拖动和缩放功能。每当我移动 map 时，它都会跳到左上角。

我创建了一个 codesandbox来证明问题。加载图表后单击它可以看到跳转至左上角。

我之前提出过类似的问题，here , 使用略有不同的 D3 map ，它有同样的问题。但是，我尝试在那里应用该解决方案失败了。

如有任何帮助，我们将不胜感激。

Answer 1

您只需使用所需的变换调用zoom 函数:

svg.call(zoom.transform, transform);

这是 fork 的 CodeSandbox:https://codesandbox.io/s/pjn98n7l5q