網絡圖形中的工具提示閃爍開啓和關閉

Question

我正在爲d3js中的網絡圖創建工具提示，其中每個節點都有圓圈和文本。

我想要做的是，當用戶嘗試mouseover/mouseout在圓/文本工具提示正在顯示/隱藏相應。因此，當用戶將鼠標從圓形移到文本時，工具提示會閃爍，並改變工具提示的位置。這是因爲我已將show/hide事件賦予這樣的元素。

circles.on("mouseover", showDetails); 
circles.on("mouseout", hideDetails); 
text.on("mouseover", showDetails); 
text.on("mouseout", hideDetails); 

並且當我懸停一些節點的工具提示的div將在光標的頂部，這樣，當我向上移動光標的鼠標指針將懸停div和工具提示閃蒸和關閉。

是否有可能作爲一個單一的元素結合文本，圓圈和工具提示DIV特定節點，並以顯示工具提示沒有位置了頻繁換。有沒有其他的可能性來做到這一點？

他是我的jsbin鏈接：http://jsbin.com/AkAdeMoK/2

Answer 1

您應該使用circles.on("mousemove", showDetails);

我ALSE添加CSS

svg text { 
    pointer-events: none; 
} 

這裏是如何它看起來像現在 - http://jsbin.com/omaguJO/1