# 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
    });

### 제공 버전

version | desc
--- | ---
7.3.0.0 |