d3.js firefox鼠標事件性能

Question

例如，我需要通過懸停在其中一個元素上來選擇一組元素。它在Firefox中執行速度非常慢。 這裏的例子http://bl.ocks.org/tumoxep/581d939e30361fbe0b44 我希望我犯了一個錯誤somwhere。

Answer 1

嗯，你演示的firefox中的性能對我來說還是可以的......我仍然覺得奇怪你如何使用組和鼠標事件。當你看到你的DOM時，你會看到所有的圈子都在你的組裏面。與鼠標事件無關，而是尋找圓圈的顏色？

爲什麼不建立一個由幾個圓組成的組，然後將鼠標事件應用到該組。

像這樣：

var svgg = svg.selectAll("g.myGroup") 
    .data(myData) 
    .enter() 
    .append("g"); 

svgg.each(function (d, i) { 

    selection = d3.select(this); 
    selection.append("circle") 
    // ... 
}); 

svgg.on("mouseover", function(d) { 
    // Do what you want here 
}); 

您可以在這裏找到一個類似的例子：http://jsfiddle.net/77XLD/1/

我不知道但如果幫助的性能代價...