stops (colorAxis properties)

색상 축의 색상을 세부적으로 설정합니다.
stops 배열 안에 2개의 값을 가진 배열로 이루어 집니다. 첫 값은 색상을 정할 색상축의 위치 (0.1 이면 10% 지점)이고 두번 째 값은 표시할 색상 값입니다.
맨 첫 값이 아니라면 이전 위치 ~ 설정한 위치 해당 범위에 이전 색상 ~ 설정한 색상까지 그라데이션 됩니다.
최종적으로는 설정한 위치에 설정한 색상이 표시됩니다.

Info

name type required (default) description
stops Array 선택(undefined) 색상 축의 색상을 세부적으로 설정

Example

myChart.setOptions({
  colorAxis: {  
    stops: [ // 색상 관련 세부적인 설정
      [0.1, '#0000ff'], // ~ 10% 파란색
      [0.3, '#ff0000'], // 10% ~ 30% 점점 빨간색 (그라데이션)
      [0.5, '#0000ff'], // 30% ~ 50% 점점 파란색 (그라데이션)
      [0.6, '#ff0000'], // 50% ~ 60% 점점 빨간색 (그라데이션)
      [0.9, '#0000ff'], // 60% ~ 90% 점점 파란색 (그라데이션)
      [1, '#ff0000'] // 90% ~ 100% 점점 빨간색 (그라데이션)
    ]
  }
}, {
  append: true,
  redraw: true
});

s

제공 버전

version desc
7.3.0.0