antv g2plot中的基础条形图通过color 设置颜色渐变填充
antv g2plot中的基础条形图确实可以通过color设置颜色渐变填充。具体来说,可以通过以下代码实现:
import { Bar } from '@antv/g2plot';
const data = [
{ type: 'A', value: 10 },
{ type: 'B', value: 20 },
{ type: 'C', value: 30 },
];
const barPlot = new Bar('container', {
data,
xField: 'type',
yField: 'value',
colorField: 'type',
color: (value) => {
if (value === 'A') {
return 'red';
} else if (value === 'B') {
return 'orange';
} else if (value === 'C') {
return 'yellow';
}
},
});
barPlot.render();
在上面的代码中,我们通过color设置了三个不同类型的条形的填充颜色,分别为红色、橙色和黄色。可以根据实际需求修改color的返回值来设置不同的颜色。
原文地址: https://www.cveoy.top/t/topic/E4e 著作权归作者所有。请勿转载和采集!