Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在d3中设置特定的缩放级别?_Javascript_Maps_D3.js_Zooming_Graphing - Fatal编程技术网

Javascript 在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的了解还不够(我也没有太多的时间了……),不知道如何设置它。任何提示/帮助?

我在d3中有一个折线图,我们需要实现特定的缩放级别,类似于谷歌地图。我需要一个鼠标滚轮放大操作来捕捉/转换到下一个可能的向内缩放级别,以及一个鼠标滚轮缩小操作来捕捉/转换到下一个可能的向外缩放级别

我的缩放方法设置与其他人的类似:

        self.plot.call(d3.behavior.zoom().x(self.x).y(self.y).on("zoom", self.redraw()));

但我对d3的了解还不够(我也没有太多的时间了……),不知道如何设置它。任何提示/帮助?

您可以更改缩放事件侦听器以插入事件并根据需要调整比例(例如,四舍五入到下一个整数)。有一篇博文对此做了进一步解释

这比简单地将缩放行为附加到轴上要多一些工作,但d3没有提供任何限制框外缩放级别的功能