label

축 label 설정 모델.

Properties

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 이 적용된다. brightStyle이 지정되지 않으면 'rct-text-light'이, darkStyle이 지정되지 않으면 'rct-text-dark'가 기본 적용된다.

default: true

backgroundStyle: SVGStyles | string

• SVGStyles

darkStyle: SVGStyles | string

• SVGStyles

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 라벨에 추가로 적용되는 스타일.

• SVGStyles

firstText: string

첫번째 tick 라벨에 표시될 텍스트.

default: undefined

lastOverflow: 'fit'|'hidden'|'pull'

마지막 tick 라벨이 차트나 분할 경계를 넘어갈 때 표시 방식.

• 'fit' 축 경계를 넘어선 만큼 끌어당겨서 표시한다.
  실제 표시 위치와 달라지므로 tick을 반드시 표시해서 사용자에게 오차를 보여줘야 한다.
• 'hidden' 넘치면 표시하지 않는다.
• 'pull' 차트나 분할 경계를 넘어선 만큼 끌어당겨서 표시한다.
  실제 표시 위치와 달라지므로 tick을 반드시 표시해서 사용자에게 오차를 보여줘야 한다.

default: 'pull'

lastStyle: SVGStyles | string

마지막 tick 라벨에 추가로 적용되는 스타일.

• SVGStyles

lastText: string

마지막 tick 라벨에 표시될 텍스트.

default: undefined

lightStyle: SVGStyles | string

• SVGStyles

numberFormat: string

label이 숫자일 때 표시 형식.

default: undefined

numberSymbols: string

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

default: undefined

overflowGap: number

차트나 분할 경계를 넘어가는 첫번째나 마지막 tick 라벨을 끌어 당겨서 표시할 때 이전 라벨과의 최소 간격.
이 간격보다 작게 되면 표시하지 않는다.

default: 12

prefix: string

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

default: undefined

rotation: number

수평 축일 때, tick label 표시 회전 각도.
-90 ~ 90 사이의 각도로 지정할 수 있다.

default: undefined

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

스타일셋 혹은 class selector.

• SVGStyles

styleCallback

라벨 별로 추가 적용되는 스타일을 리턴한다.
기본 설정을 따르게 하고 싶으면 undefined나 null을 리턴한다.

default: undefined

suffix: string

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

default: undefined

text: string

rich text format을 지정할 수 있다.

default: undefined

textCallback

축 tick 라벨에 표시될 텍스트를 리턴한다.
undefined나 null을 리턴하면 text 속성 등에 설정된 값으로 표시하거나, 값에 따라 자동 생성되는 텍스트를 사용한다. 빈 문자열 등 정상적인 문자열을 리턴하면 그 문자열대로 표시된다. prefix 나 포맷 속성 등은 적용되지 않는다.

default: undefined

visible: boolean

표시 여부.

default: true