StackLabelOptions extends IconedTextOptions
시리즈그룹의 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 (opens in a new tab)
텍스트가 data point 내부에 표시되는 경우 포인트 배경 색상과 대조되도록 표시한다.
밝게 표시할 때는 lightStyle을 적용하고,
어둡게 표시할 때는 darkStyle이 적용된다.
lightStyle이 지정되지 않으면 'rct-text-light' 클래스 셀렉터가,
darkStyle이 지정되지 않으면 'rct-text-dark' 클래스 셀렉터가 기본 적용된다.
default :true
backgroundStyle: SVGStyles | string (opens in a new tab)
effect가 'background'일 때 배경에 적용되는
스타일셋 또는 css selector (opens in a new tab).
default :undefined
darkStyle: SVGStyles | string (opens in a new tab)
autoContrast가 true이고 어둡게 표시할 때 적용되는
스타일셋 또는 css selector (opens in a new tab).
default :undefined
effect: 'background' | 'none' | 'outline'
텍스트 표시 효과.
'background'텍스트 배경 상자를 표시한다.
배경 상자에backgroundStyle이 적용된다. 스타일이 적용되지 않으면 기본 'rct-text-background'가 적용된다.'none'효과 없음.'outline'텍스트 색상과 대조되는 색상으로 텍스트 외곽을 구분 표시한다.
default :'none'
gap: number (opens in a new tab)
label과 배치 기준점 사이의 간격(수직 방향).
같은 x값에 표시 중인 pointLabel이 있으면 해당 pointLabel의 바깥쪽 끝을 기준으로 간격을 적용하고,
pointLabel이 없으면 스택 상단(또는 하단) 위치를 기준으로 간격을 적용한다.
default :4pixel
icon: string (opens in a new tab)
텍스트와 함께 표시할 아이콘 이미지의 경로.
iconRoot가 지정된 경우 상대 경로로 결합되며,
:: 접두사를 사용하면 imageList에서 이미지를 참조한다.
default :undefined
iconGap: number (opens in a new tab)
아이콘과 텍스트 사이의 간격.
default :2
iconHeight: number (opens in a new tab)
아이콘 이미지 높이.
지정하지 않으면 16 픽셀로 설정된다.
null 또는 0으로 지정하면 미지정으로 처리된다.
iconWidth가 지정된 경우 원본 비율로 높이가 결정되고,
iconWidth도 미지정이면 이미지 원본 크기로 표시된다.
default :undefined
iconPosition: 'bottom' | 'default' | 'left' | 'right' | 'top'
이이콘 표시 위치
'bottom''default''left''right''top'
default :'default'
iconRoot: string (opens in a new tab)
아이콘 이미지의 URL을 지정할 때 사용하는 기본 경로를 설정
아이콘 URL을 구성하는 데 필요한 루트 경로를 제공하며, 여러 아이콘의 상대 경로를 설정할 때 유용하다.
default :undefined
iconWidth: number (opens in a new tab)
아이콘 이미지 너비.
null 또는 0으로 지정하면 미지정으로 처리된다.
iconHeight가 지정된 경우 원본 비율로 너비가 결정되고,
iconHeight도 미지정이면 이미지 원본 크기로 표시된다.
default :undefined
imageList: string (opens in a new tab)
아이콘에 사용할 이미지 목록
assets에 지정한 이미지 목록을 id 값으로 불러와 사용한다.
이미지 목록이 없으면, 대신 iconRoot 속성 값을 사용하여 아이콘 경로를 설정한다.
default :undefined
lightStyle: SVGStyles | string (opens in a new tab)
autoContrast가 true이고 밝게 표시할 때 적용되는
스타일셋 또는 css selector (opens in a new tab).
default :undefined
lineHeight: number (opens in a new tab)
텍스트 행의 높이를 계산되는 높이와 다르게 표시되도록 지정한다.
1이면 계산된 높이와 동일하게 표시된다.
지정하지 않으면 계산된 값.
default :undefined
numberFormat: string (opens in a new tab)
label이 숫자일 때 표시 형식.
default :'#,##0.#'
numberSymbols: string (opens in a new tab)
축의 tick 간격이 1000 이상인 큰 수를 표시할 때
이 속성에 지정한 symbol을 이용해서 축약형으로 표시한다.
default :'k,M,G,T,P,E'
offset: number (opens in a new tab)
align으로 결정된 위치에서 추가로 이동하는 오프셋.
양수: 데이터포인트 중심으로부터 더 멀어지는 방향으로 이동한다.
음수: 데이터포인트 중심 방향으로 이동한다.
'left': 양수이면 더 왼쪽(inverted: 위쪽)으로 이동'center'/'right': 양수이면 더 오른쪽(inverted: 아래쪽)으로 이동
default :0
outlineThickness: number (opens in a new tab)
effect가 'outline'일 때 외곽 택스트의 외곽선 두께.
default :2
overflowFit: number (opens in a new tab) | 'none' | 'hidden'
body 영역을 넘어갈 경우 대처 방식.
default :0
prefix: string (opens in a new tab)
label 문자열 앞에 추가되는 문자열.
default :undefined
rotation: number (opens in a new tab)
stack label의 회전 각도.
-90 ~ 90 사이의 값으로 지정한다.
-90 미만의 값을 지정하면 -90, 90을 초과하는 값을 지정하면 90으로 설정된다.
inverted일 때, rotation 옵션은 무시된다.
default :0
style: SVGStyles | string (opens in a new tab)
스타일셋 또는 css selector (opens in a new tab).
default :undefined
styleCallback: (args: StackLabelCallbackArgs) => SVGStyles|string (opens in a new tab)
스택별로 추가 적용되는 스타일을 리턴한다.
default :undefined
suffix: string (opens in a new tab)
label 문자열 끝에 추가되는 문자열.
default :undefined
text: string (opens in a new tab)
Text 형식.
default :undefined
textCallback: (args: StackLabelCallbackArgs) => string (opens in a new tab)
스택별로 label 텍스트를 리턴하는 콜백.
default :undefined
verticalAdjust: number (opens in a new tab)
수평 상태의 stack label일 때 텍스트 수직 위치 보정 값.
텍스트 높이에 대한 상대 비율로 설정한 만큼 내려서 표시한다.
default :0.05
visible: boolean (opens in a new tab)
stack labels 표시 여부.
default :false
visibleCallback: (args: StackLabelCallbackArgs) => boolean (opens in a new tab)
스택별로 label 표시 여부를 리턴하는 콜백.
default :undefined