ECharts柱状图颜色
时间: 2023-06-29 20:06:11 浏览: 106
echarts 柱状图渐变色背景
5星 · 资源好评率100%
ECharts柱状图可以通过设置系列中的`itemStyle`来设置柱子的颜色。具体可以使用以下代码:
```javascript
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: {
// 设置柱子颜色
color: '#0099CC'
}
}]
};
```
在上面的代码中,我们通过设置`itemStyle`中的`color`属性来设置柱子颜色。可以自行修改为自己想要的颜色值。另外,如果需要设置不同类别的柱子颜色不同,可以通过设置`data`数组中每个元素的`itemStyle`属性来实现。
阅读全文