Valuebar - RealChart

🎉 RealChart v1.0.8 is released. Read more →

valueBar

linear 게이지의 값을 표시하는 영역에 대한 설정 모델.

Properties

belowStyle: `SVGStyles | string`

현재 값 이 목표 값 미만일 때 적용되는 스타일셋.

SVGStyles

Name	Type	Optional
fill	`string`	true
fillOpacity	`string`	true
fontFamily	`string`	true
fontSize	`string`	true
fontStyle	`string`	true
fontWeight	`string`	true
rx	`string`	true
stroke	`string`	true
strokeDasharray	`string`	true
strokeWidth	`string`	true
textAlign	`'center' \| 'left' \| 'right'`	true

style: `SVGStyles | string`

스타일셋 혹은 class selector.

SVGStyles

Name	Type	Optional
fill	`string`	true
fillOpacity	`string`	true
fontFamily	`string`	true
fontSize	`string`	true
fontStyle	`string`	true
fontWeight	`string`	true
rx	`string`	true
stroke	`string`	true
strokeDasharray	`string`	true
strokeWidth	`string`	true
textAlign	`'center' \| 'left' \| 'right'`	true

styleCallback

현재 값 등을 기준으로 추가 적용되는 스타일을 리턴한다. 기본 설정을 따르게 하고 싶으면 undefined나 null을 리턴한다.

default: undefined

visible: `boolean`

표시 여부.

default: true

Targetbar circle