页面重新加载后,D3缩放不适用于当前鼠标坐标

时间:2018-11-27 06:17:11

标签: d3.js zoom d3-force-directed

我有一个d3力导向图,在该图上已实现了缩放功能。我的要求是保存当前的缩放属性(缩放和平移),并且在重新加载页面时,我必须使用保存的缩放属性来呈现图形。

重新加载页面时,我正在设置缩放比例并将其转换为以前保存的值。

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

0 个答案:

没有答案