javascript - 删除双击缩放 D3

Question

我有一个具有缩放/平移功能的精简力定向图:https://bl.ocks.org/anonymous/36b27a0b6f8c485c25995e7c223def3c

这是缩放部分:

var zoomHandler = d3.zoom()
    .on("zoom", zoomActions);

zoomHandler(svg);

function zoomActions(){
    g.attr("transform", d3.event.transform)
  }

我想删除双击的缩放功能，只保留滚动功能。根据文档和其他问题，我知道我必须在某处包含 .on("dblclick.zoom", null) 。但是，我不知道将这段代码放在哪里。此外，我不确定我是否正确使用“svg”和“g”对我的元素进行分组，这可能会导致此问题。我已经看到了与此问题相关的其他问题，但无法将它们适合我的情况。

我该如何解决这个问题？感谢大家提供的任何见解!

Answer 1

由于您正在对 svg 选择调用缩放函数...

zoomHandler(svg);

...您必须将监听器添加到同一选择中:

svg.on("dblclick.zoom", null)

这是您更新的 bl.ocks:https://bl.ocks.org/anonymous/42745557a8602692d9dc98c33a327d29