LinearGaugeLabelOptions extends GaugeLabelOptions
subinterfaces LinearGaugeGroupLabelOptions
Options
animatable: boolean
(opens in a new tab)
게이지 값 변경 애니메이션이 실행될 때, label도 따라서 변경시킨다.
default :true
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: string
(opens in a new tab) | number
(opens in a new tab)
label과 본체 사이의 간격. 픽셀값이나 게이지 전체 크기(position에 따라 높이나 너비)에 대한 상대값으로 지정할 수 있다.
default :undefined
height: string
(opens in a new tab) | number
(opens in a new tab)
position이 'top', 'bottom'일 때, label 표시 영역 높이. 픽셀값이나 게이지 전체 높이에 대한 상대값으로 지정할 수 있다.
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
maxHeight: string
(opens in a new tab) | number
(opens in a new tab)
position이 'top', 'bottom'일 때, label 표시 영역 최대 높이.
픽셀값이나 게이지 전체 높이에 대한 상대값으로 지정할 수 있다.
height
가 지정되면 이 속성은 무시된다.
default :undefined
maxWidth: string
(opens in a new tab) | number
(opens in a new tab)
position이 'left', 'right'일 때, label 표시 영역 최대 너비.
픽셀값이나 게이지 전체 너비에 대한 상대값으로 지정할 수 있다.
width
가 지정되면 이 속성은 무시된다.
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'
outlineThickness: number
(opens in a new tab)
effect
가 'outline'일 때 외곽 택스트의 외곽선 두께.
default :2
position: 'left'
| 'top'
| 'bottom'
| 'right'
값을 지정하지 않으면 게이지 표시 방향에 따라 자동으로 위치를 결정한다.
default :undefined
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
width: string
(opens in a new tab) | number
(opens in a new tab)
position이 'left', 'right'일 때, label 표시 영역 너비. 픽셀값이나 게이지 전체 너비에 대한 상대값으로 지정할 수 있다.
default :undefined