dataLabels (plotOptions properties)

데이터 라벨의 속성을 설정 합니다.

Info

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 여부

Enum

value description
center 중앙 정렬
left 좌측 정렬
right 우측 정렬

Example

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
});

s

제공 버전

version desc
7.3.0.0