gauge[type=bullet]
Bullet의 기능을 사용하기 위해서는 'gauge'모듈이 필요하다. 자세한 설명은 guide/modules에서 확인할 수 있다.
Bullet 게이지.
type은 'bullet'이다.
현재 값을 목표 값과 비교해서 표시한다.
또, band를 같이 표시하면, 여러 값 범위 중 어디에 속한 상태인 지를 나타낼 수 있다.
Options
animatable: boolean
value 변화를 애니메이션으로 표현한다.
backgroundStyle: SVGStyles|string
band
밴드.
bottom: string|number
plot 영역의 아래쪽 모서리와 wid사이의 간격.
bottom이 설정되면 이 속성은 무시된다.
col: number
분할 모드일 때 게이지가 표시될 pane의 수평 index.
duration: number
Animation duration.
height: string|number
게이지 높이. 픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.
label
label 설정 모델.
left: string|number
plot 영역의 왼쪽 모서리와 wid사이의 간격.
maxValue: number
최대값. group에 포함되면 이 값 대신 group의 최대값이 사용된다.
minValue: number
최소값. group에 포함되면 이 값 대신 group의 최소값이 사용된다.
name: string
게이지 이름. 동적으로 게이지를 다루기 위해서는 반드시 지정해야 한다.
rangeInclusive: boolean
true로 지정하면 ranges 항목에서 toValue나 fromValue가 지정되지 않은 경우,
모든 값이 포함되는 값으로 확장한다.
default :true
ranges: ValueRange[]
값 범위 목록. 범위별로 다른 스타일을 적용할 수 있다.
reversed: boolean
true면 반대 방향으로 표시한다.
default :false
right: string|number
plot 영역의 오른쪽 모서리와 widget 사이의 간격.
left가 설정되면 이 속성은 무시된다.
row: number
분할 모드일 때 게이지가 표시될 pane의 수직 index.
scale
scale.
size: string|number
style: SVGStyles|string
스타일셋 또는 css selector (opens in a new tab).
targetBar
tarbar.
targetValue: number
목표 값.
top: string|number
plot 영역의 위쪽 모서리와 wid사이의 간격.
type: 'bullet'
value: number
현재값.
valueBar
actual bar.
vertical: boolean
true면 수직으로 표시한다.
visible: boolean
표시 여부.
default :true
width: string|number
게이지 너비. 픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.