gauge[type=clock]
Clock의 기능을 사용하기 위해서는 'gauge'모듈이 필요하다. 자세한 설명은 guide/modules에서 확인할 수 있다.
시계 게이지.
type은 'clock'이다.
원형 아날로그 시계를 표시한다.
Options
active: boolean
시계 동작 여부.
default :true
backgroundStyle: SVGStyles|string
bottom: string|number
plot 영역의 아래쪽 모서리와 wid사이의 간격.
bottom이 설정되면 이 속성은 무시된다.
centerX: string|number
게이지 중심 수평 위치. 픽셀 단위의 크기나, plot 영역 전체 너비에 대한 상대적 크기로 지정할 수 있다.
centerY: string|number
게이지 중심 수직 위치. 픽셀 단위의 크기나, plot 영역 전체 높이에 대한 상대적 크기로 지정할 수 있다.
col: number
분할 모드일 때 게이지가 표시될 pane의 수평 index.
duration: number
Animation duration.
height: string|number
게이지 높이. 픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.
hourHand
시침 설정 모델.
label
label
left: string|number
plot 영역의 왼쪽 모서리와 wid사이의 간격.
minorTick
minor tick
minuteHand
분침 설정 모델.
name: string
게이지 이름. 동적으로 게이지를 다루기 위해서는 반드시 지정해야 한다.
pin
pin
radius: string|number
게이지 원호의 반지름. 픽셀 단위의 크기나, plot 영역 전체 크기(너비와 높이 중 작은 값)에 대한 상대적 크기로 지정할 수 있다. '50%'로 지정하면 plot 영역의 width나 height중 작은 크기와 동일한 반지름으로 표시된다.
right: string|number
plot 영역의 오른쪽 모서리와 widget 사이의 간격.
left가 설정되면 이 속성은 무시된다.
rim
rim 설정 모델.
row: number
분할 모드일 때 게이지가 표시될 pane의 수직 index.
secondHand
초침 설정 모델.
size: string|number
style: SVGStyles|string
스타일셋 또는 css selector (opens in a new tab).
tick
main tick.
tickLabel
tick label
time: string|number|Date
이 속성에 명시적으로 시간을 지정하면 현재 시간 대신 이 시각을 표시한다.
timezone: number
분단위로 시계에 표시할 지역의 timezone을 지정한다. 예) 뉴욕: -4 * 60, 파리: 2 * 60
top: string|number
plot 영역의 위쪽 모서리와 wid사이의 간격.
type: 'clock'
visible: boolean
표시 여부.
default :true
width: string|number
게이지 너비. 픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.