dataClasses (colorAxis properties)

색상을 데이터 별로 설정할 수 있는 데이터 클래스 관련 속성을 정의합니다.
값의 범위마다 색상을 다르게 설정할 수 있습니다.
heatmap 차트처럼 데이터 별로 색상값이 정해지는 차트에서 사용 가능합니다.

Info

name type required(default) description
dataClasses Array[object] 선택 데이터 클래스 관련 속성
dataClasses.from number 선택 데이터 클래스의 시작 값
dataClasses.to number 선택 데이터 클래스의 끝 값
dataClasses.name string 선택 범례에 나타나는 데이터 클래스의 이름
dataClasses.color color 선택 각 데이터 클래스의 색상

Example

myChart.setOptions({
  colorAxis: { 
        dataClasses: [ // 데이터 클래스 관련 속성
            {
              to: 100,
              color: "#D9A5B3",
              name: "< 100"
            },
            {
              from: 100,
              to: 200,
              color: "#E2B0D9",
              name: "100 - 200"
            },
            {
              from: 200,
              to: 300,
              color: "#E9C4CF",
              name: "200 - 300"
            },{
              from: 300,
              color: "#D6E2E9",
              name: "> 300"
            }
          ]
  }
}, {
  append: true,
  redraw: true
});

s

제공 버전

version desc
7.3.0.0