labels (yAxis properties)
y축의 라벨 속성을 설정 합니다.
Info
name |
type |
required(default) |
description |
labels |
object |
선택 |
y축의 라벨 속성 |
labels.align |
string |
선택(center) |
y축 라벨 좌우 정렬 방법 |
labels.format |
string |
선택(value) |
y축 라벨 포맷 문자열(값은 {value} 문자열을 이용) |
labels.formatter |
function |
선택 |
y축 라벨의 포맷을 정의하는 callback 함수(값은 {this.value}) |
labels.style |
object |
선택 |
y축 라벨 스타일 속성 |
labels.useHTML |
boolean |
선택(false) |
y축 라벨 html tag 사용 여부 |
labels.rotation |
number |
선택(0) |
y축 라벨 기울기 (0~360) |
labels.step |
number |
선택 |
y축 라벨 표시 단계 |
labels.enabled |
boolean |
선택(true) |
y축 라벨 사용 여부 |
name |
type |
required(default) |
description |
color |
color |
선택 |
폰트 색상 |
fontSize |
string |
선택 |
폰트 크기 |
fontWeight |
string |
선택 |
폰트 두께 |
Enum
value |
description |
center |
중앙 정렬 |
left |
좌측 정렬 |
right |
우측 정렬 |
value |
description |
{value} |
y축 값 |
Example
myChart.setOptions({
chart: {
type: "column"
},
yAxis: {
labels: {
style:{
fontWeight: "bold"
},
rotation: -45,
formatter: function () {
var regexp = /\B(?=(\d{3})+(?!\d))/g;
return this.value.toString().replace(regexp, ',');
}
}
},
series: [{
name: "서울",
data : [60000000,40000000,20000000,80000000]
},{
name: "인천",
data : [30000000,50000000,90000000,70000000]
},{
name: "부산",
data : [40000000,70000000,30000000,60000000]
}]
}, {
append: true,
redraw: true
});

제공 버전