echarts柱状图背景偶数斑马纹
时间: 2023-06-29 20:07:17 浏览: 362
您可以在echarts的柱状图中使用grid属性来设置背景颜色和样式。要实现偶数斑马纹,您可以使用grid属性中的even属性,该属性可以设置偶数行的背景样式。
以下是一个示例代码:
```
option = {
grid: {
top: '10%',
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true,
even: {
backgroundColor: '#f1f1f1'
}
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
color: '#999'
}
},
yAxis: {
type: 'value',
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
color: '#999'
}
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
barWidth: '60%',
itemStyle: {
color: '#36cfc9'
}
}]
};
```
在上面的示例中,even属性设置为一个对象,该对象的backgroundColor属性设置为#f1f1f1,这将使偶数行的背景颜色变为灰色。
阅读全文