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

제공 버전