VictoryPie自定义颜色

问题描述

我正在使用VictoryPie显示数据，但是，我希望能够选择代表哪个部分的颜色。主要是因为这是颜色的饼图。我在StackOverflow上看到了几个类似的问题，但都没有解决我的问题。

我的数据对象如下：

[
    {
        "color": "#0000fe","x": "blue","y": 1
    },{
        "color": "#fe00fe","x": "fuchsia","y": 2
    },{
        "color": "#fefe00","x": "yellow","y": 8
    },{
        "color": "#008000","x": "green","y": 20
    }
]

我渲染它的代码是：

<VictoryPie
   data={this.state.sets}
   style={{
     data: { fill: (d) => d.color } 
   }}
/>

“我的馅饼”当前看起来完全是黑色的，我想知道自己做错了什么。

解决方法

您从错误的地方取色，请尝试以下操作：

<VictoryPie
   data={this.state.sets}
   style={{
     data: { fill: (d) => d.datum.color } 
   }}
/>