EchartS 自定义标线区域之间的颜色填充

EchartS 自定义标线区域之间的颜色填充

设置标线之间的的data

data: [{ yAxis: 0.4, name: '供给短缺', }, { yAxis: 1.1, name: '供给平衡', }, { yAxis: 2, name: '供给过剩', }]

再设置标线之间间隔的颜色

markArea: { data: [ [{ yAxis: '0', //y轴坐标控制 itemStyle: { color: '#FF6863' } }, { yAxis: '0.4' }], [{ yAxis: '0.4', itemStyle: { color: '#6EAB40' } }, { yAxis: '1.1' }], [{ yAxis: '1.1', itemStyle: { color: '#3BB5F5' } }, { yAxis: '2' }] ] }

这样就设置好了，效果如下