Javascript 在d3中设置特定的缩放级别?
我在d3中有一个折线图,我们需要实现特定的缩放级别,类似于谷歌地图。我需要一个鼠标滚轮放大操作来捕捉/转换到下一个可能的向内缩放级别,以及一个鼠标滚轮缩小操作来捕捉/转换到下一个可能的向外缩放级别 我的缩放方法设置与其他人的类似:Javascript 在d3中设置特定的缩放级别?,javascript,maps,d3.js,zooming,graphing,Javascript,Maps,D3.js,Zooming,Graphing,我在d3中有一个折线图,我们需要实现特定的缩放级别,类似于谷歌地图。我需要一个鼠标滚轮放大操作来捕捉/转换到下一个可能的向内缩放级别,以及一个鼠标滚轮缩小操作来捕捉/转换到下一个可能的向外缩放级别 我的缩放方法设置与其他人的类似: self.plot.call(d3.behavior.zoom().x(self.x).y(self.y).on("zoom", self.redraw())); 但我对d3的了解还不够(我也没有太多的时间了……),不知道如何设置它。任何提示/帮助?
self.plot.call(d3.behavior.zoom().x(self.x).y(self.y).on("zoom", self.redraw()));
但我对d3的了解还不够(我也没有太多的时间了……),不知道如何设置它。任何提示/帮助?您可以更改缩放事件侦听器以插入事件并根据需要调整比例(例如,四舍五入到下一个整数)。有一篇博文对此做了进一步解释 这比简单地将缩放行为附加到轴上要多一些工作,但d3没有提供任何限制框外缩放级别的功能