如何更改Ant设计图上的条形图颜色?

Question

我正在使用一个图表来实现这个图表:https://charts.ant.design/en/examples/column/percent基本。我需要改变颜色。我如何改变栏内的3种颜色?

Answer 1

这很简单，只需添加一个color配置-

color: ['#d62728', '#2ca02c', '#000000'],

你可以添加任意多的颜色。从上到下保持秩序。单一颜色意味着所有堆叠都是相同的颜色。您还可以返回带有附加逻辑的函数-

color: ({ type }) => {
if(type === 'some condition'){
return '#2ca02c';
}
return '#d62728';
}