d3.js firefox鼠标事件的表现

Question

例如，我需要通过仅悬停其中一个元素来选择一组元素。它在firefox中表现得非常慢。 这是示例http://bl.ocks.org/tumoxep/581d939e30361fbe0b44 我希望我犯了一个错误。

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/

我不确定这是否有助于表现......