d3.js将所有填充颜色设置为给定选择的笔触颜色

Question

我是d3.js的新手并且正在制作一个可点击的图例。作为其中的一部分，我想将所有图例圆圈填充值设置为其笔触值。但是，这不符合我的想法。任何人都可以指出我的错误。

不工作：

d3.selectAll(".legendCircle").style("fill", function(d){ return d.style("stroke");});

然而，这很好用：

d3.selectAll(".legendCircle").style("fill", function(d){ return "red";});

Answer 1

d3.selectAll(".legendCircle")
    .style("fill", function(d) {return d3.select(this).style("stroke")});

您需要指定与数据关联的DOM元素，而不是数据本身。