API
BulletBarLabelOptions

BulletBarLabelOptions extends GaugeLabelOptions

Bullet 게이지 bar 라벨 설정 모델.

Options

animatable: boolean (opens in a new tab)

게이지 값 변경 애니메이션이 실행될 때, label도 따라서 변경시킨다.

default :true

autoContrast: boolean (opens in a new tab)

텍스트 색상을 배경 색상과 대조되도록 자동 조정한다.
배경이 어두우면 lightStyle을, 배경이 밝으면 darkStyle을 적용한다.
배경 기준 우선순위:

  1. effect'background'인 경우 → backgroundStyle의 배경색 기준
  2. 텍스트가 data point 내부에 표시되는 경우 → 포인트 배경색 기준
    위 조건에 해당하지 않으면 적용되지 않는다.

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)

autoContrasttrue이고 배경이 밝을 때 적용되는 스타일셋 또는 css selector (opens in a new tab).
지정하지 않으면 'rct-label-dark' 클래스 셀렉터가 기본 적용된다.

default :undefined

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

텍스트 표시 효과.

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

default :'none'

lightStyle: SVGStyles | string (opens in a new tab)

autoContrasttrue이고 배경이 어두울 때 적용되는 스타일셋 또는 css selector (opens in a new tab).
지정하지 않으면 'rct-label-light' 클래스 셀렉터가 기본 적용된다.

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)

바 끝에서 라벨까지의 간격 (픽셀).

default :4

outlineThickness: number (opens in a new tab)

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

default :2

position: 'inside' | 'outside'

라벨 표시 위치. 'inside'이면 바 내부 끝에, 'outside'이면 바 끝 바깥에 표시한다.

default :'outside'

prefix: string (opens in a new tab)

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

default :undefined

style: SVGStyles | string (opens in a new tab)

스타일셋 또는 css selector (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

visible: boolean (opens in a new tab)

표시 여부.

default :true