是否可以从数据集中使 D3 图表图例颜色动态化？

如何解决是否可以从数据集中使 D3 图表图例颜色动态化？

我想让我的 d3 图例颜色与饼图颜色对齐。最初，饼图和图例都采用了 schemaCategory10 的颜色。

这是我的数据集的样子

let dataset =[{label:Deposit,value:100,color:#000},{label:savings,color:#444}]

我通过以下代码更正了饼图颜色以匹配数据集颜色。

let path = this.svg2.selectAll('path')
.data(pie(dataset))
.enter()
.append('path)
.attr('d',arc)
.attr('fill,(datsu,index)=>
return this.pieData[index].color;
})

但是我对legent块进行了更改是多么糟糕。它目前如下所示。

var color = D3.scaleOrdinal(D3.schemaCategory10);
let legend = this.svg2.selectAll('.legend')
.data(color.domain())
.......