echarts 区间高亮属性是什么

问题遇到的现象和发生背景

今天有一个·需求是echarts区间高亮显示,查了下感觉需要坐标轴来实现,有没有懂得指导下

运行结果及报错内容

img

我的解答思路和尝试过的方法

echarts 区间高亮属性是什么

echarts 有一个叫
markArea 属性哦,这个可以做

markArea: {
data: [
......
],
}

在series上设置markArea

markArea: {
        itemStyle: {
          color: 'rgba(255, 173, 177, 0.4)'
        },
        data: [
          [
            {
              name: 'Morning Peak',
              xAxis: '200000'
            },
            {
              xAxis: '300000'
            }
          ],
          [
            {
              name: 'Evening Peak',
              xAxis: '500000'
            },
            {
              xAxis: '600000'
            }
          ]
        ]
      }

img