在d3中设置特定的缩放级别？

Question

我在d3中有一个线条图，我们需要实现特定的缩放级别，类似于Google地图。我想要一个鼠标滚轮放大动作以捕捉/转换到下一个可能的向内缩放级别，并且鼠标滚轮缩小动作以捕捉/转换到下一个可能的向外缩放级别。

我的缩放方法设置类似于其他人的：

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

但我不知道有足够的了解D3（我也不还剩下大量的时间......）知道如何设置这个。任何提示/帮助？

Answer 1

您可以更改缩放事件侦听器来插入事件并根据需要调整缩放比例（例如舍入到下一个整数）。有一篇博客文章解释了更多here。

这比仅仅将缩放行为附加到轴上的工作多一点，但d3不提供任何限制缩放级别的任何东西。