echarts柱状图控制图形得颜色得配置项
时间: 2023-10-05 15:06:44 浏览: 136
echarts柱状图
您可以使用ECharts中的itemStyle属性来控制柱状图的颜色。例如,可以设置itemStyle的normal属性中的color来指定所有柱子的颜色,也可以使用visualMap属性来根据数据值动态调整柱子的颜色。 以下是一个示例代码片段:
```
option = {
xAxis: {
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {},
series: [{
type: 'bar',
data: [10, 20, 30, 40, 50],
itemStyle: {
normal: {
color: function(params) {
var colorList = ['#C1232B','#B5C334','#FCCE10','#E87C25','#27727B'];
return colorList[params.dataIndex]
}
}
}
}]
};
```
在这个示例中,我们使用了颜色列表来指定不同柱子的颜色。您可以根据需要自定义这个列表。
阅读全文