echarts 横向柱状图设置每一根的颜色
时间: 2023-10-10 10:11:14 浏览: 104
要设置 echarts 横向柱状图每一根的颜色,可以在 `series` 中的 `itemStyle` 中设置 `color` 属性。具体可以参考以下代码示例:
```javascript
option = {
xAxis: {
type: 'value'
},
yAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D']
},
series: [{
type: 'bar',
data: [55, 20, 36, 70],
itemStyle: {
color: function(params) {
var colorList = [
'#C1232B','#B5C334','#FCCE10','#E87C25'
];
return colorList[params.dataIndex]
}
}
}]
};
```
在上面的示例中,我们在 `itemStyle` 中设置了一个颜色数组 `colorList`,然后通过 `params.dataIndex` 获取当前柱状图的索引,从而获取对应的颜色值。最终将颜色值返回给 `color` 属性即可。
阅读全文