d3.js - 如何禁用 d3.behavior.zoom 的平移？

Question

这个问题看起来很像this one ，但我仍然无法弄清楚是否可以使用 d3.behavior.zoom 但没有平移功能。换句话说，我只想使用滚轮放大/缩小。

这样做的原因是我希望能够在“可缩放”区域上刷。

谢谢!

Answer 1

假设您已经定义了缩放行为:

var zoom = d3.behavior.zoom().on('zoom', update);

当您将缩放行为应用于选择时，您可以取消注册它内部用于检测和响应某些交互的事件监听器。在你的情况下，你想要做这样的事情:

selection.call(zoom)
    .on("mousedown.zoom", null)
    .on("touchstart.zoom", null)
    .on("touchmove.zoom", null)
    .on("touchend.zoom", null);

我不确定您要删除触摸事件。这样做可能会消除双击缩放。你应该尝试这些。