plotBands (yAxis properties)
플롯밴드 속성 (특정영역 하이라이팅)을 설정 합니다.
Info
name |
type |
required(default) |
description |
plotBands |
object |
선택 |
플롯밴드 속성 |
from |
number |
필수 |
시작점 |
to |
number |
필수 |
종료점 |
color |
color |
필수 |
색상 |
label |
object |
선택 |
라벨 속성 |
name |
type |
required(default) |
description |
text |
string |
선택 |
라벨 문자열 |
textAlign |
string |
선택 |
라벨 문자열 정렬 방법 |
align |
string |
선택(center) |
좌우 정렬 방법 |
rotation |
number |
선택(0) |
기울기 |
useHTML |
boolean |
선택(false) |
html tag 사용 여부 |
style |
object |
선택 |
스타일 속성 |
- plotBands.label.style Info
name |
type |
required(default) |
description |
color |
color |
선택 |
폰트 색상 |
fontSize |
string |
선택 |
폰트 크기 |
fontWeight |
string |
선택 |
폰트 두께 |
Enum
- plotBands.label.align / plotBands.label.textAlign
value |
description |
center |
중앙 정렬 |
left |
좌측 정렬 |
right |
우측 정렬 |
Example
myChart.setOptions({
chart: {
type: "column"
},
yAxis: {
plotBands: {
from : 30,
to: 50,
color: "#FF8C00",
label: {
text: "하이라이트",
align: "center",
style: {
color: "#FFFFFF",
fontWeight: "bold",
fontSize: "1.2em"
}
}
}
},
series: [{
name: "서울",
data : [60,40,20,80]
},{
name: "인천",
data : [30,50,90,70]
},{
name: "부산",
data : [40,70,30,60]
}]
}, {
append: true,
redraw: true
});

제공 버전