zoneAxis (plotOptions properties)

zones 구간을 y값 기준으로 나눌지 x값 기준으로 나눌지 설정합니다.
x로 설정하면 예측 구간처럼 특정 x 위치 이후를 다른 색이나 점선으로 표시할 수 있습니다.

Info

Enum

• zoneAxis

Example

myChart.setOptions({
  chart: {
    type: "line"
  },
  plotOptions: {
    series: {
      zoneAxis: "x",        // x값 기준으로 구간 나눔
      zones: [{
        value: 3            // 인덱스 3 미만: 실선
      }, {
        dashStyle: "Dash",  // 인덱스 3 이상: 점선 (예측 구간)
        color: "#999999"
      }]
    }
  },
  series: [{
    name: "매출",
    data: [60, 40, 20, 80, 70, 90]
  }]
}, {
  append: true,
  redraw: true
});

제공 버전