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

Question

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

我对缩放方法的设置与其他所有人的设置相似：

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

但我对 d3 的了解还不够（我也没有多少时间……）知道如何设置它。任何提示/帮助？

Answer 1

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

这比简单地将缩放行为附加到轴要多一些工作，但 d3 没有提供任何限制开箱即用的缩放级别的功能。