D3 径向树状图跳到左上角

Question

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

我创建了一个codesandbox 来演示这个问题。加载后点击图表可以看到左上角的跳转。

我之前提出了一个类似的问题here，但 D3 地图略有不同，但也有同样的问题。但是，我在那里应用解决方案的尝试失败了。

任何帮助将不胜感激。

Answer 1

您只需要使用所需的转换调用zoom 函数：

svg.call(zoom.transform, transform);

这里是分叉的 CodeSandbox：https://codesandbox.io/s/pjn98n7l5q