label
축 label 설정 모델.
Options
autoArrange: 'none'|'rotate'|'rows'|'step'
기본 설정이나 step
, rows
, rotation
속성들을 명시적으로 설정한 경우에도
label들이 본래 차지하는 공간을 초과할 때,
label들을 재배치하는 방식을 지정한다.
'none'
label들이 겹치도록 놔둔다.'rotate'
-45도 회전시킨다.'rows'
label들이 겹치지 않도록 여러 줄로 나누어 배치한다.'step'
label들이 겹치지 않도록 건너 뛰면서 배치한다.startStep
으로 지정된 step부터 배치된다.
default :'rotate'
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'
firstOverflow: 'fit'|'hidden'|'pull'
첫번째 tick 라벨이 차트나 분할 경계를 넘어갈 때 표시 방식.
'fit'
축 경계를 넘어선 만큼 끌어당겨서 표시한다.
실제 표시 위치와 달라지므로 tick을 반드시 표시해서 사용자에게 오차를 보여줘야 한다.'hidden'
넘치면 표시하지 않는다.'pull'
차트나 분할 경계를 넘어선 만큼 끌어당겨서 표시한다.
실제 표시 위치와 달라지므로 tick을 반드시 표시해서 사용자에게 오차를 보여줘야 한다.
default :'pull'
firstStyle: SVGStyles
|string
첫번째 tick 라벨에 추가로 적용되는 스타일.
firstText: string
첫번째 tick 라벨에 표시될 텍스트.
iconCallback: ( args: AxisLabelArgs
) => string
축 label과 함께 표시될 icon url을 리턴한다.
iconGap: number
아이콘과 텍스트 사이의 간격.
default :2
iconHeight: number
아이콘 이미지 높이
지정하지 않으면 16 픽셀로 설정된다.
iconPosition: 'bottom'|'default'|'left'|'right'|'top'
이이콘 표시 위치
'bottom'
'default'
'left'
'right'
'top'
default :'default'
iconRoot: string
iconWidth: number
아이콘 이미지 너비.
imageList: string
lastOverflow: 'fit'|'hidden'|'pull'
마지막 tick 라벨이 차트나 분할 경계를 넘어갈 때 표시 방식.
'fit'
축 경계를 넘어선 만큼 끌어당겨서 표시한다.
실제 표시 위치와 달라지므로 tick을 반드시 표시해서 사용자에게 오차를 보여줘야 한다.'hidden'
넘치면 표시하지 않는다.'pull'
차트나 분할 경계를 넘어선 만큼 끌어당겨서 표시한다.
실제 표시 위치와 달라지므로 tick을 반드시 표시해서 사용자에게 오차를 보여줘야 한다.
default :'pull'
lastStyle: SVGStyles
|string
마지막 tick 라벨에 추가로 적용되는 스타일.
lastText: string
마지막 tick 라벨에 표시될 텍스트.
lightStyle: SVGStyles
|string
autoContrast
가 true이고 밝게 표시할 때 적용되는
스타일셋
또는 css selector
(opens in a new tab).
lineHeight: number
텍스트 행의 높이를 계산되는 높이와 다르게 표시되도록 지정한다.
1이면 계산된 높이와 동일하게 표시된다.
지정하지 않으면 계산된 값.
maxRows: number
autoArrange
ROWS
로 자동 정렬되는 경우 최대 행 수.
이 행 수 이상이 필요한 경우 label 간격을 두어 표시한다.
default :3
numberFormat: string
numberSymbols: string
축의 tick 간격이 1000 이상인 큰 수를 표시할 때
이 속성에 지정한 symbol을 이용해서 축약형으로 표시한다.
default :'k,M,G,T,P,E'
outlineThickness: number
effect
가 'outline'일 때 외곽 택스트의 외곽선 두께.
default :2
overflow: 'clip'|'ellipsis'|'wrap'
'clip'
'ellipsis'
'wrap'
default :clip
overflowGap: number
차트나 분할 경계를 넘어가는 첫번째나 마지막 tick 라벨을 끌어 당겨서 표시할 때 이전 라벨과의 최소 간격.
이 간격보다 작게 되면 표시하지 않는다.
default :12
prefix: string
label 문자열 앞에 추가되는 문자열.
rotation: number|'auto'
polar
가 아닌 수평 축일 때, tick label 표시 회전 각도.
-90 ~ 90 사이의 각도로 지정할 수 있다.
**'auto'**이면 polar일때는 label위치에 따라 각도가 자동으로 계산되고,
polar가 아닐때는 AxisLabelArrange
속성에 따라 결정된다.
rows: number
수평 축일 때 tick label 배치 행 수.
1은 한 줄, 2면 두 줄 등으로 여러 줄로 나눠서 표시한다.
default :0
startStep: number
step이 2 이상이 될 때, 표시가 시작되는 label 위치.
0 ~ step
- 1 사이의 값으로 지정한다.
'category' 축에서 의미있게 사용할 수 있다.
default :0
step: number
label 표시 간격.
1이면 모든 tick 표시. 2이면 하나씩 건너 띄어서 표시.
2 이상일 때 startStep
으로 지정된 step부터 배치된다.
default :0
style: SVGStyles
|string
스타일셋
또는 css selector
(opens in a new tab).
styleCallback: ( args: AxisLabelArgs
) => SVGStyles
|string
라벨 별로 추가 적용되는 스타일을 리턴한다.
기본 설정을 따르게 하고 싶으면 undefined나 null을 리턴한다.
suffix: string
label 문자열 끝에 추가되는 문자열.
text: string
Text 형식.
textCallback: ( args: AxisLabelArgs
) => string
축 tick 라벨에 표시될 텍스트를 리턴한다.
undefined나 null을 리턴하면 text
속성 등에 설정된 값으로 표시하거나,
값에 따라 자동 생성되는 텍스트를 사용한다.
빈 문자열 등 정상적인 문자열을 리턴하면 그 문자열대로 표시된다.
prefix
나 포맷 속성 등은 적용되지 않는다.
useSymbols: boolean|'*'
true로 지정하면 label 끝에 단위 문자를 추가한다.
표시되는 값들의 연속성을 위해 true로 지정해도 step 간격이 1000 이상일 때 추가하는데,
간격과 상관없이 단위 문자를 표시하려면 '*'으로 지정한다.
default :true
visible: boolean
표시 여부.
default :true