D3 v5缩放至某个值

时间:2018-07-22 22:23:08

标签: javascript d3.js graph zoom

我正在构建一个带有点的线图,并且正在寻找一种缩放到特定值(点)的方法。

当前行为:

我将鼠标移动到特定点并用鼠标滚轮放大,该点向左或向右移动,因此我无法缩放到点[0,0],例如拖动图表以在缩放后查看它。

before zoom

after zoom

我用这样的缩放功能更新x轴

var newScale = d3.event.transform.rescaleX(xScale);

gX.call(xAxis.scale(newScale));

期望的行为:

点的中心和其后的线的中心保持在同一条线上

我该怎么做?如何在v5中将缩放中心强制为特定值?

0 个答案:

没有答案