echarts柱状图颜色设置
时间: 2023-11-10 20:04:18 浏览: 80
可以通过设置 series 中的 itemStyle.normal.color 来设置柱状图的颜色。具体代码如下:
```
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
itemStyle: {
normal: {
color: function(params) {
var colorList = [
'#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
'#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
'#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
];
return colorList[params.dataIndex]
}
}
}
}]
};
```
其中,colorList 是一个颜色列表,params.dataIndex 表示当前柱状图的索引值,通过这个索引值来获取对应的颜色。
阅读全文