听听悬停在传说中

Question

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

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