gauge[type=linear]
선형 게이지.
type
은 'linear'이다.
현재 값을 선형 막대로 표시한다.
또, band
를 같이 표시하면, 여러 값 범위 중 어디에 속한 상태인 지를 나타낼 수 있다.
Options
animatable: boolean
value
변화를 애니메이션으로 표현한다.
backgroundStyle: SVGStyles
|string
band
게이지 본체 주변이나 내부에 값 영역들을 구분해서 표시하는 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
게이지 이름. 동적으로 게이지를 다루기 위해서는 반드시 지정해야 한다.
reversed: boolean
true면 반대 방향으로 표시한다.
default :false
right: string
|number
plot 영역의 오른쪽 모서리와 widget 사이의 간격.
left
가 설정되면 이 속성은 무시된다.
row: number
분할 모드일 때 게이지가 표시될 pane의 수직 index.
scale
scale.
size: string
|number
style: SVGStyles
|string
스타일셋 혹은 class selector.
top: string
|number
plot 영역의 위쪽 모서리와 wid사이의 간격.
type: 'linear'
value: number
현재값.
valueBar
게이지 값을 표시하는 bar 모델.
vertical: boolean
true면 수직으로 표시한다.
visible: boolean
표시 여부.
default :true
width: string
|number
게이지 너비. 픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.