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

我创建了一个codesandbox来演示该问题。加载后单击该图以查看跳转到左上方。

我之前用一个稍有不同的D3映射提出了一个类似的问题here,该问题也相同。但是,我尝试在那里应用解决方案的尝试失败了。

任何帮助将不胜感激。

最佳答案

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

svg.call(zoom.transform, transform);


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

10-04 22:14