labels (xAxis properties)
x축의 라벨 속성을 설정 합니다.
Info
| name |
type |
required(default) |
description |
| labels |
object |
선택 |
x축의 라벨 속성 |
| labels.align |
string |
선택(center) |
x축 라벨 좌우 정렬 방법 |
| labels.format |
string |
선택({value}) |
x축 라벨 포맷 문자열 |
| 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 |
선택(0) |
레이블 다단 |
| labels.x |
number |
선택(0) |
좌우 포지션 이동 값 |
| labels.y |
number |
선택(0) |
상하 포지션 이동 값 |
| name |
type |
required(default) |
description |
| color |
color |
선택 |
폰트 색상 |
| fontSize |
number or string |
선택 |
폰트 크기
CSS 크기 문자열 또는 숫자(px) (예: "12px", 12) |
| fontWeight |
string |
선택 |
폰트 두께
CSS 글자 굵기 (예: "normal", "bold") |
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
});
제공 버전