创建dblclick-to-select以及放大d3.js气泡?

时间:2012-11-28 19:49:24

标签: javascript events svg zoom d3.js

从d3.js气泡示例中我添加了缩放+平移功能。现在我想让用户在桌面和触摸屏上选择一个气泡。 dblclick和touchstart似乎与此保持一致。

我知道d3提供了一种从.zoom取消事件的方法,但它被禁用但没有做任何事情。

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

链接:http://bl.ocks.org/4163494

我上面有什么作品,但你会注意到dblclick最初不会缩放,但如果你引起另一个缩放事件则会显示。我正在寻找正确的方法来做到这一点。

1 个答案:

答案 0 :(得分:0)

要修复我离开了

.on("zoom", redraw)

函数的位置,但将dblclick向下移动到circle,text和tspan元素。从那里,他们调用一个首先停止传播的函数,然后选择圆圈。

http://jsfiddle.net/nnzS9/