D3防止双击缩放

Question

我有一个D3网络图,我试图禁用双击缩放功能.我使用它进行缩放:

    var zoom = d3.behavior.zoom().scaleExtent([minZoom, maxZoom]);
    zoom.on("zoom", function() {
            g.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
        });
   svg.call(zoom)

但是我似乎无法禁用双击缩放.当我使用下面的代码时,它会完全禁用缩放.

var zoom = d3.behavior.zoom().scaleExtent([minZoom, maxZoom]);
zoom.on("zoom", function() {
            g.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")").on("dblclick.zoom", null);
        });
   svg.call(zoom)

我也试过打电话

    .on("dblclick.zoom", null)

在svg元素本身,这也不起作用.任何帮助将非常感激.

Answer 1

你需要打电话

    .on("dblclick.zoom", null)

后

    svg.call(zoom)

即

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