是否可以从数据集中使 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())
.......

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）