zones (plotOptions properties)

값 구간별로 선/막대의 색상과 모양을 다르게 표시합니다.
각 구간은 value 값 미만까지 적용되며, 마지막 구간은 value 없이 지정합니다. 기본은 y값 기준이며 zoneAxis로 x값 기준으로 바꿀 수 있습니다.

Info

name type required(default) description
zones Array<object> 선택(undefined) 값 구간별로 선/막대의 색상과 모양을 다르게 표시합니다.
zones.value number 선택(undefined) 이 값 미만까지 적용 (마지막 구간은 생략)
zones.color color 선택(undefined) 구간 색상
zones.fillColor color 선택(undefined) 영역 차트의 채우기 색상
zones.dashStyle string 선택(undefined) 선 모양 (Dash, Dot 등)

Example

myChart.setOptions({
  chart: {
    type: "column"
  },
  plotOptions: {
    series: {
      zones: [{
        value: 40,          // 40 미만
        color: "#E57373"
      }, {
        value: 70,          // 40 이상 70 미만
        color: "#FFB74D"
      }, {
        color: "#4CAF50"    // 70 이상
      }]
    }
  },
  series: [{
    name: "서울",
    data: [60, 40, 20, 80]
  }]
}, {
  append: true,
  redraw: true
});

제공 버전

version desc
7.3.0.0