option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E'],
splitArea: {
show: true, // 显示分隔区域
interval: 0, // 分隔区域间隔,默认为0,表示在所有刻度之间都显示分隔区域
areaStyle: {
color: ['rgba(255,255,255,0)', 'rgba(200,200,200,0.1)'] // 分隔区域的颜色,可以是数组,表示交替的颜色
}
},
// 其他 xAxis 配置项...
},
// 其他配置项...
};
在上面的例子中,splitArea 中的 show 属性表示是否显示分隔区域,interval 表示分隔区域的间隔,默认为0,表示在所有刻度之间都显示分隔区域。areaStyle 属性用于设置分隔区域的样式,其中的 color 属性可以是一个颜色值,也可以是一个颜色值数组,表示交替的颜色。
你可以根据自己的需求调整这些属性来配置 xAxis 的坐标轴分隔区域样式。
转载请注明出处:http://www.zyzy.cn/article/detail/5180/ECharts