stackLabels (yAxis properties)

누적형 레이블 사용여부(합계값 표시)를 표시합니다.
누적형 차트에서만 사용할 수 있습니다.

Info

name type required(default) description
enabled boolean 선택(false) 누적형 레이블 사용 여부
align string 선택 누적형 레이블 위치
값: "left", "center", "right"
format string 선택({total}) 누적형 레이블 포맷 문자열
{total} 자리에 합계값이 들어가는 템플릿 문자열 (예: "합계 {total}")
formatter function() 선택 누적형 레이블 포맷을 정의하는 callback 함수 (합계값은 this.total 로 표현)
style object 선택 누적형 레이블 스타일 속성
rotation number 선택(0) 누적형 레이블 기울기 (0~360)
x number 선택 x 위치 값 설정
픽셀 단위 가로 이동량 (예: 5)
y number 선택 y 위치 값 설정
픽셀 단위 세로 이동량 (예: -5)
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 우측 정렬

Example

myChart.setOptions({
  chart: {
    type: "column"
  },
  yAxis: {
    stackLabels: {
      enabled: true,
      align: "left"
    }
},
plotOptions: {
  column: {
    stacking: "normal"
  }
},
  series: [{
    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