색상을 데이터 별로 설정할 수 있는 데이터 클래스 관련 속성을 정의합니다.
값의 범위마다 색상을 다르게 설정할 수 있습니다.
heatmap 차트처럼 데이터 별로 색상값이 정해지는 차트에서 사용 가능합니다.
| name | type | required(default) | description |
|---|---|---|---|
| dataClasses | Array[object] |
선택 | 데이터 클래스 관련 속성 |
| dataClasses.from | number |
선택 | 데이터 클래스의 시작 값 |
| dataClasses.to | number |
선택 | 데이터 클래스의 끝 값 |
| dataClasses.name | string |
선택 | 범례에 나타나는 데이터 클래스의 이름 |
| dataClasses.color | color |
선택 | 각 데이터 클래스의 색상 |
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
});

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