echarts修改柱状图颜色
时间: 2023-10-05 13:05:42 浏览: 86
echarts 柱状图渐变色背景
5星 · 资源好评率100%
要修改柱状图的颜色,可以使用 ECharts 提供的 itemStyle 属性。可以在 series 中设置 itemStyle 属性来改变柱状图的颜色,示例如下:
```javascript
option = {
// 其他配置项...
series: [{
type: 'bar',
data: [20, 30, 40, 50, 60, 70],
itemStyle: {
// 每个柱子的颜色
color: function(params) {
var colorList = ['#C1232B','#B5C334','#FCCE10','#E87C25','#27727B','#FE8463'];
return colorList[params.dataIndex]
}
}
}]
};
```
在上述示例中,我们将 itemStyle 属性设置为一个对象,其中包含一个 color 属性,这个属性是一个函数,它根据数据索引返回一个颜色值。在这个示例中,我们使用了一个预定义的颜色列表,每个柱子的颜色将根据其在数据中的索引确定。你可以根据自己的需求修改颜色列表或者编写自定义的返回颜色的函数。
阅读全文