如何禁用 d3.behavior.zoom 的双击缩放?

2023-12-25

我不想d3.behavior.zoom https://github.com/mbostock/d3/wiki/Zoom-Behavior#wiki-zoom添加双击缩放图表的功能。我怎样才能禁用这种行为?

这里有一个JSFiddle http://jsfiddle.net/brantolsen/Ld6Uz/与不需要的行为。

我尝试过以下操作,但没有任何运气。

 d3.behavior.zoom.dblclick = function() {};

您可以通过删除缩放行为的 dblclick 事件侦听器来禁用双击行为。查看您的代码,您已将缩放行为分配给 SVG 元素。所以你可以说:

d3.select("svg").on("dblclick.zoom", null);

或者,与您注册缩放行为的位置一起:

.call(d3.behavior.zoom().on("zoom", update)).on("dblclick.zoom", null)

您可能还想将缩放行为向下移动到G元素 http://www.w3.org/TR/SVG/struct.html#Groups而不是将其放在 SVG 根元素上;我不确定它能否在根 SVG 上正常工作,因为 SVG 元素不支持变换属性 http://www.w3.org/TR/SVG/coords.html#TransformAttribute.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何禁用 d3.behavior.zoom 的双击缩放? 的相关文章

随机推荐