labels (xAxis properties)
x축의 라벨 속성을 설정 합니다.
Info
name |
type |
required(default) |
description |
labels |
object |
선택 |
x축의 라벨 속성 |
labels.align |
string |
선택(center) |
x축 라벨 좌우 정렬 방법 |
labels.format |
string |
선택(value) |
x축 라벨 포맷 문자열(값은 {value} 문자열을 이용) |
labels.formatter |
function |
선택 |
x축 라벨의 포맷을 정의하는 callback 함수(값은 {this.value}) |
labels.style |
object |
선택 |
x축 라벨 스타일 속성 |
labels.useHTML |
boolean |
선택(false) |
x축 라벨 html tag 사용 여부 |
labels.rotation |
number |
선택(0) |
x축 라벨 기울기 (0~360) |
labels.step |
number |
선택 |
x축 라벨 표시 단계 |
labels.enabled |
boolean |
선택(true) |
x축 라벨 사용 여부 |
labels.staggerLines |
number |
선택 |
레이블 다단 |
name |
type |
required(default) |
description |
color |
color |
선택 |
폰트 색상 |
fontSize |
string |
선택 |
폰트 크기 |
fontWeight |
string |
선택 |
폰트 두께 |
Enum
value |
description |
center |
중앙 정렬 |
left |
좌측 정렬 |
right |
우측 정렬 |
value |
description |
{value} |
x축 값 |
Example
myChart.setOptions({
chart: {
type: "column"
},
xAxis: {
labels: {
style:{
fontWeight: "bold"
},
rotation: -45
}
},
series: [{
name: "서울",
data : [60,40,20,80]
},{
name: "인천",
data : [30,50,90,70]
},{
name: "부산",
data : [40,70,30,60]
}]
}, {
append: true,
redraw: true
});
제공 버전