echarts 柱状图设置背景色
时间: 2023-11-17 10:02:51 浏览: 69
Echarts v4.7.0开始,可以通过设置backgroundStyle来设置柱状图的背景色。具体方法如下:
```javascript
option = {
...
xAxis: {
...
axisLine: {
lineStyle: {
color: '#999' // x轴颜色
}
},
...
},
yAxis: {
...
axisLine: {
lineStyle: {
color: '#999' // y轴颜色
}
},
splitLine: {
lineStyle: {
color: '#eee' // y轴分割线颜色
}
},
...
},
backgroundStyle: {
color: '#f5f5f5' // 背景色
},
series: [{
...
}]
};
```
其中,xAxis和yAxis分别表示x轴和y轴的样式设置,backgroundStyle表示背景色的设置,series表示数据系列的设置。如果需要设置渐变色,可以参考引用中的方法。