Config
clock

gauge[type=clock]

μ‹œκ³„ κ²Œμ΄μ§€ λͺ¨λΈ.
μ›ν˜• μ•„λ‚ λ‘œκ·Έ μ‹œκ³„λ₯Ό ν‘œμ‹œν•œλ‹€.

Properties

active: boolean

μ‹œκ³„ λ™μž‘ μ—¬λΆ€.

default: true

bottom: string | number

plot μ˜μ—­μ˜ μ•„λž˜μͺ½ λͺ¨μ„œλ¦¬μ™€ widget μ‚¬μ΄μ˜ 간격.
bottom 이 μ„€μ •λ˜λ©΄ 이 속성은 λ¬΄μ‹œλœλ‹€.

default: undefined

centerX: string | number

κ²Œμ΄μ§€ 쀑심 μˆ˜ν‰ μœ„μΉ˜. ν”½μ…€ λ‹¨μœ„μ˜ ν¬κΈ°λ‚˜, plot μ˜μ—­ 전체 λ„ˆλΉ„μ— λŒ€ν•œ μƒλŒ€μ  크기둜 지정할 수 μžˆλ‹€.

default: '50%'

centerY: string | number

κ²Œμ΄μ§€ 쀑심 수직 μœ„μΉ˜. ν”½μ…€ λ‹¨μœ„μ˜ ν¬κΈ°λ‚˜, plot μ˜μ—­ 전체 높이에 λŒ€ν•œ μƒλŒ€μ  크기둜 지정할 수 μžˆλ‹€.

default: '50%'

col: number

λΆ„ν•  λͺ¨λ“œμΌ λ•Œ κ²Œμ΄μ§€κ°€ ν‘œμ‹œλ  pane의 μˆ˜ν‰ index.

default: undefined

duration: number

Animation duration.

default: 500

height: string | number

κ²Œμ΄μ§€ 높이. ν”½μ…€ λ‹¨μœ„μ˜ κ³ μ • κ°’μ΄λ‚˜, plot μ˜μ—­μ— λŒ€ν•œ μƒνƒœ 크기둀 지정할 수 μžˆλ‹€.

default: undefined

hourHand

μ‹œμΉ¨ μ„€μ • λͺ¨λΈ.

label

label

left: string | number

plot μ˜μ—­μ˜ μ™Όμͺ½ λͺ¨μ„œλ¦¬μ™€ widget μ‚¬μ΄μ˜ 간격.

default: undefined

minorTick

minor tick

minuteHand

λΆ„μΉ¨ μ„€μ • λͺ¨λΈ.

name: string

κ²Œμ΄μ§€ 이름. λ™μ μœΌλ‘œ κ²Œμ΄μ§€λ₯Ό 닀루기 μœ„ν•΄μ„œλŠ” λ°˜λ“œμ‹œ 지정해야 ν•œλ‹€.

default: undefined

pin

pin

radius: string | number

κ²Œμ΄μ§€ μ›ν˜Έμ˜ λ°˜μ§€λ¦„. ν”½μ…€ λ‹¨μœ„μ˜ ν¬κΈ°λ‚˜, plot μ˜μ—­ 전체 크기(λ„ˆλΉ„μ™€ 높이 쀑 μž‘μ€ κ°’)에 λŒ€ν•œ μƒλŒ€μ  크기둜 지정할 수 μžˆλ‹€. '50%'둜 μ§€μ •ν•˜λ©΄ plot μ˜μ—­μ˜ widthλ‚˜ height쀑 μž‘μ€ 크기와 λ™μΌν•œ λ°˜μ§€λ¦„μœΌλ‘œ ν‘œμ‹œλœλ‹€.

default: '40%'

right: string | number

plot μ˜μ—­μ˜ 였λ₯Έμͺ½ λͺ¨μ„œλ¦¬μ™€ widget μ‚¬μ΄μ˜ 간격.
left κ°€ μ„€μ •λ˜λ©΄ 이 속성은 λ¬΄μ‹œλœλ‹€.

default: undefined

rim

rim μ„€μ • λͺ¨λΈ.

row: number

λΆ„ν•  λͺ¨λ“œμΌ λ•Œ κ²Œμ΄μ§€κ°€ ν‘œμ‹œλ  pane의 수직 index.

default: undefined

secondHand

초침 μ„€μ • λͺ¨λΈ.

size: string | number

width 와 height λ₯Ό λ™μ‹œμ— μ„€μ •ν•œλ‹€.

default: undefined

style: SVGStyles | string

μŠ€νƒ€μΌμ…‹ ν˜Ήμ€ class selector.

  • SVGStyles
NameTypeOptional
fillstringtrue
fillOpacitystringtrue
fontFamilystringtrue
fontSizestringtrue
fontStylestringtrue
fontWeightstringtrue
rxstringtrue
strokestringtrue
strokeDasharraystringtrue
strokeWidthstringtrue
textAlign'center' | 'left' | 'right'true

tick

main tick.

tickLabel

tick label

time: string | number | Date

이 속성에 λͺ…μ‹œμ μœΌλ‘œ μ‹œκ°„μ„ μ§€μ •ν•˜λ©΄ ν˜„μž¬ μ‹œκ°„ λŒ€μ‹  이 μ‹œκ°μ„ ν‘œμ‹œν•œλ‹€.

default: undefined

timezone: number

λΆ„λ‹¨μœ„λ‘œ μ‹œκ³„μ— ν‘œμ‹œν•  μ§€μ—­μ˜ timezone을 μ§€μ •ν•œλ‹€. 예) λ‰΄μš•: -4 * 60, 파리: 2 * 60

default: undefined

top: string | number

plot μ˜μ—­μ˜ μœ„μͺ½ λͺ¨μ„œλ¦¬μ™€ widget μ‚¬μ΄μ˜ 간격.

default: undefined

visible: boolean

ν‘œμ‹œ μ—¬λΆ€.

default: true

width: string | number

κ²Œμ΄μ§€ λ„ˆλΉ„. ν”½μ…€ λ‹¨μœ„μ˜ κ³ μ • κ°’μ΄λ‚˜, plot μ˜μ—­μ— λŒ€ν•œ μƒνƒœ 크기둀 지정할 수 μžˆλ‹€.

default: undefined