javascript - 聆听传说中的悬停

Question

当用户将鼠标悬停在图例上时，我试图更改散点图中点的填充不透明度。我试图模仿下面的 block :

http://blockbuilder.org/curran/0d2cc6698cad72a48027b8de0ebb417d

我的代码位于: http://bl.ocks.org/adamfknapp/c5cd902b20ea87b35e420f26f016e8f5/d52a30195fa709289a195cb6e9dbf0e8d23a3650

任何建议都会有所帮助。

Answer 1

您可以模拟比较图例数据和圆圈数据的效果:

.on("mouseover", function(d) {
    g.selectAll("circle").style("opacity", function(e) {
        return e.result === d ? 1 : 0.1
    })
}).on("mouseout", function() {
    g.selectAll("circle").style("opacity", 1)
});

这是更新的 bl.ocks:http://bl.ocks.org/anonymous/b44dc5aed8cec38660ca81662c2d6902/fd51ffdf111fa9487dd13bcae36189c7da97bd6c