echarts의 차트 영역(mark Area)

echarts의 차트 영역(mark Area)

  • 코드 세그먼트

  • 코드 세그먼트

    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'
                        }]
                      ]
                    }
                  }]
    

    시리즈에서 x축 14:00-16:00, y축 500-1000의 구역 색깔은 rgba(190,76,89,0.5)를 가리킨다.

    좋은 웹페이지 즐겨찾기