d3.js - 页面重新加载后 D3 缩放不适用于当前鼠标坐标

Question

我有一个 d3 Force-Directed Graph，我在其上实现了缩放功能。我的要求是保存当前的缩放属性（缩放和平移），当页面重新加载时，我必须使用保存的缩放属性渲染图形。

当页面重新加载时，我正在设置缩放比例并转换为以前保存的值，就​​像这样。

this.zoom.scale(previous-scale)
         .translate(previous-translate);

然后我得到比例并在图表上平移。

this.svgGraph.attr("transform", `translate(${previous-scale})scale(${previous-translate})`);

该图在最后一次出现的缩放级别上加载良好。

我现在的问题是，当我尝试放大或缩小缩放操作时，当前鼠标位置并没有像之前那样发生。

之后设置缩放我正在使用

this.svgGraph.attr("transform", `translate(${_event.translate})scale(${_event.scale})`);

有人知道这是什么原因吗？？

Note: I am using d3 v3