stackLabel

시리즈그룹의 stack labels 옵션.
layout이 'stack'일 때 그룹 내 시리즈들의 합계 값을 label로 표시한다.
seriesGroup의 'stackLabel' 항목으로 설정한다.

 const config = {
     series: [{
         type: 'bargroup',
         layout: 'stack',
         stackLabel: {
             visible: true,
             suffix: '원',
             style: {
                 fontWeight: 'bold',
             },
         },
         children: [...]
     }]
 };

Options

align: 'center'|'left'|'right'

수평 정렬 상태.

• 'center' 영역 가운데로 정렬한다.
• 'left' 왼쪽으로 정렬한다.
• 'right' 오른쪽으로 정렬한다.

default :'center'

autoContrast: boolean

텍스트가 data point 내부에 표시되는 경우 포인트 배경 색상과 대조되도록 표시한다.
밝게 표시할 때는 lightStyle을 적용하고, 어둡게 표시할 때는 darkStyle이 적용된다. lightStyle이 지정되지 않으면 'rct-text-light' 클래스 셀렉터가, darkStyle이 지정되지 않으면 'rct-text-dark' 클래스 셀렉터가 기본 적용된다.

default :true

backgroundStyle: SVGStyles|string

effect가 'background'일 때 배경에 적용되는 스타일셋 또는 css selector (opens in a new tab).

darkStyle: SVGStyles|string

autoContrast가 true이고 어둡게 표시할 때 적용되는 스타일셋 또는 css selector (opens in a new tab).

effect: 'background'|'none'|'outline'

텍스트 표시 효과.

• 'background' 텍스트 배경 상자를 표시한다.
  배경 상자에 backgroundStyle이 적용된다. 스타일이 적용되지 않으면 기본 'rct-text-background'가 적용된다.
• 'none' 효과 없음.
• 'outline' 텍스트 색상과 대조되는 색상으로 텍스트 외곽을 구분 표시한다.

default :'none'

gap: number

label과 배치 기준점 사이의 간격(수직 방향).
같은 x값에 표시 중인 pointLabel이 있으면 해당 pointLabel의 바깥쪽 끝을 기준으로 간격을 적용하고,
pointLabel이 없으면 스택 상단(또는 하단) 위치를 기준으로 간격을 적용한다.

default :4pixel

icon: string

텍스트와 함께 표시할 아이콘 이미지의 경로.
iconRoot가 지정된 경우 상대 경로로 결합되며, :: 접두사를 사용하면 imageList에서 이미지를 참조한다.

iconGap: number

아이콘과 텍스트 사이의 간격.

default :2

iconHeight: number

아이콘 이미지 높이.
지정하지 않으면 16 픽셀로 설정된다.
null 또는 0으로 지정하면 미지정으로 처리된다. iconWidth가 지정된 경우 원본 비율로 높이가 결정되고, iconWidth도 미지정이면 이미지 원본 크기로 표시된다.

iconPosition: 'bottom'|'default'|'left'|'right'|'top'

이이콘 표시 위치

• 'bottom'
• 'default'
• 'left'
• 'right'
• 'top'

default :'default'

iconRoot: string

아이콘 이미지의 URL을 지정할 때 사용하는 기본 경로를 설정
아이콘 URL을 구성하는 데 필요한 루트 경로를 제공하며, 여러 아이콘의 상대 경로를 설정할 때 유용하다.

iconWidth: number

아이콘 이미지 너비.
null 또는 0으로 지정하면 미지정으로 처리된다. iconHeight가 지정된 경우 원본 비율로 너비가 결정되고, iconHeight도 미지정이면 이미지 원본 크기로 표시된다.

imageList: string

아이콘에 사용할 이미지 목록
assets에 지정한 이미지 목록을 id 값으로 불러와 사용한다.
이미지 목록이 없으면, 대신 iconRoot 속성 값을 사용하여 아이콘 경로를 설정한다.

lightStyle: SVGStyles|string

autoContrast가 true이고 밝게 표시할 때 적용되는 스타일셋 또는 css selector (opens in a new tab).

lineHeight: number

텍스트 행의 높이를 계산되는 높이와 다르게 표시되도록 지정한다.
1이면 계산된 높이와 동일하게 표시된다. 지정하지 않으면 계산된 값.

numberFormat: string

label이 숫자일 때 표시 형식.

default :'#,##0.#'

numberSymbols: string

축의 tick 간격이 1000 이상인 큰 수를 표시할 때 이 속성에 지정한 symbol을 이용해서 축약형으로 표시한다.

default :'k,M,G,T,P,E'

offset: number

align으로 결정된 위치에서 추가로 이동하는 오프셋.
양수: 데이터포인트 중심으로부터 더 멀어지는 방향으로 이동한다.
음수: 데이터포인트 중심 방향으로 이동한다.

• 'left': 양수이면 더 왼쪽(inverted: 위쪽)으로 이동
  
• 'center'/'right': 양수이면 더 오른쪽(inverted: 아래쪽)으로 이동
  

default :0

outlineThickness: number

effect가 'outline'일 때 외곽 택스트의 외곽선 두께.

default :2

overflowFit: number|'none'|'hidden'

body 영역을 넘어갈 경우 대처 방식.

default :0

prefix: string

label 문자열 앞에 추가되는 문자열.

rotation: number

stack label의 회전 각도.
-90 ~ 90 사이의 값으로 지정한다.
-90 미만의 값을 지정하면 -90, 90을 초과하는 값을 지정하면 90으로 설정된다.
inverted일 때, rotation 옵션은 무시된다.

default :0

style: SVGStyles|string

스타일셋 또는 css selector (opens in a new tab).

styleCallback: ( args: StackLabelCallbackArgs ) => SVGStyles|string

스택별로 추가 적용되는 스타일을 리턴한다.

suffix: string

label 문자열 끝에 추가되는 문자열.

text: string

Text 형식.

textCallback: ( args: StackLabelCallbackArgs ) => string

스택별로 label 텍스트를 리턴하는 콜백.

verticalAdjust: number

수평 상태의 stack label일 때 텍스트 수직 위치 보정 값.
텍스트 높이에 대한 상대 비율로 설정한 만큼 내려서 표시한다.

default :0.05

visible: boolean

stack labels 표시 여부.

default :false

visibleCallback: ( args: StackLabelCallbackArgs ) => boolean

스택별로 label 표시 여부를 리턴하는 콜백.