Javascript d3.js firefox鼠标事件perormance

例如，我需要选择一组元素，只需将鼠标悬停在其中一个元素上。它在firefox中的执行速度非常慢。 下面是一个例子

---

我希望我在某些地方犯了一个错误。

嗯，你的演示在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
});

您可以在此处找到类似的示例：

我不确定这是否有助于提高性能