데이터 라벨의 속성을 설정 합니다.
name | type | required | description |
---|---|---|---|
dataLabels | object |
선택 | 데이터 라벨 속성 |
dataLabels.align | string |
선택(center) | 정렬 방법 |
dataLabels.color | color |
선택 | 색상 |
dataLabels.distance | number |
선택(30) | 끝지점 부터의 표시 위치 |
dataLabels.enabled | boolean |
선택(false) | 표시 여부 |
dataLabels.format | string |
선택({y}) | 출력 포맷 Ex) format: ‘{y} mm’ |
dataLabels.formatter | function |
선택 | 출력 포맷을 정의하는 callback Ex) this.y 현재 y값 |
dataLabels.rotation | number |
선택(0) | 기울기 |
dataLabels.style | object |
선택 | 스타일 속성 |
dataLabels.useHTML | boolean |
선택 | HTML 사용 여부 |
dataLabels.x | number |
선택 | 좌우 포지션 이동 값 |
dataLabels.y | number |
선택 | 상하 포지션 이동 값 |
dataLabels.inside | boolean |
선택 | 상자 내부의 레이블을 정렬여부 true일 경우 내부의 정렬 |
name | type | required | description |
---|---|---|---|
color | color |
선택 | 폰트 색상 |
fontSize | string |
선택 | 폰트 크기(px) |
fontWeight | string |
선택(bold) | 폰트 bold 여부 |
value | description |
---|---|
center | 중앙 정렬 |
left | 좌측 정렬 |
right | 우측 정렬 |
myChart.setOptions({
plotOptions: {
column: {
dataLabels : { // dataLabels 속성 설정
enabled:true,
align:"left",
backgroundColor:"#ffdab9",
color:"#800000",
formatter:function(){
return this.y + "개";
}
}
}
},
series: [{
type: "column",
name : "서울",
data : [60,40,20,80]
},{
name : "인천",
data : [30,50,90,70]
},{
name : "부산",
data : [40,70,30,60]
}]
}, {
append: true,
redraw: true
});
version | desc |
---|---|
7.3.0.0 |