在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没有提供任何限制开箱即用的缩放级别。