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
});
제공 버전