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)。但是，我无法弄清楚这段代码的放置位置。另外，我不确定我是否正确使用＆＃34; svg＆＃34;和＆＃34; g＆＃34;将我的元素分组，这可能会导致问题。我已经看到了与此问题相关的其他问题，并且无法满足我的需求。

我该如何解决这个问题？感谢您对所有人的见解！

Answer 1

因为你在svg选择上调用缩放功能......

tf.summary.FileWriter().add_summary()

...您必须将侦听器添加到相同的选择中：

zoomHandler(svg);

以下是您更新的bl.ocks：https://bl.ocks.org/anonymous/42745557a8602692d9dc98c33a327d29

Answer 2

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

 zoomHandler(svg);

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


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

删除双击缩放D3

2 个答案: