echarts的图表区域(markArea)

echarts的图表区域(markArea)

    • 代码片段

代码片段

series: [
              {
     
                name: '基线负荷',
                type: 'line',
                smooth: true,
                data: ['', '', '', '', 800, 800, 800, 800, 800, 800, 800, 800, 800],
                markArea: {
     
                  // label: {
     
                  //   color: 'red'
                  // },
                  data: [
                    [{
     
                      // name: '事件执行时段',
                      itemStyle: {
     
                        color: 'rgba(190,76,89,0.5)'
                      }, //颜色设置
                      xAxis: '14:00',
                      yAxis: '500'
                    }, {
     
                      xAxis: '16:00',
                      yAxis: '1000'
                    }]
                  ]
                }
              }]

在series中,指x轴14:00-16:00,y轴500-1000的区域颜色为rgba(190,76,89,0.5);

你可能感兴趣的:(echarts,数据可视化)