Config
circle

gauge[type=circle]

μ›ν˜• κ²Œμ΄μ§€ λͺ¨λΈ.
μ§€μ •λœ μ΅œλŒ€ 각도 λ‚΄μ—μ„œ ν˜„μž¬ κ°’μ˜ λΉ„μœ¨μ„ μ›ν˜Έλ‘œ ν‘œμ‹œν•œλ‹€.

Options

animatable: boolean

value λ³€ν™”λ₯Ό μ• λ‹ˆλ©”μ΄μ…˜μœΌλ‘œ ν‘œν˜„ν•œλ‹€.

defaultΒ undefinedΒ 

backgroundStyle: SVGStyles|string

defaultΒ undefinedΒ 

band: boolean|GaugeRangeBandOptions

κ²Œμ΄μ§€ λ°΄λ“œ λͺ¨λΈ.

bottom: string|number

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

defaultΒ undefinedΒ 

centerX: string|number

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

defaultΒ undefinedΒ 

centerY: string|number

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

defaultΒ undefinedΒ 

clockwise: boolean

trueλ©΄ μ‹œκ³„ λ°©ν–₯으둜 νšŒμ „ν•œλ‹€.

defaultΒ trueΒ 

col: number

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

defaultΒ undefinedΒ 

duration: number

Animation duration.

defaultΒ undefinedΒ 

hand: boolean|CircleGaugeHandOptions

height: string|number

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

defaultΒ undefinedΒ 

innerRadius: string|number

λ‚΄λΆ€ μ›ν˜Έμ˜ λ°˜μ§€λ¦„. ν”½μ…€ λ‹¨μœ„μ˜ ν¬κΈ°λ‚˜, radius 에 λŒ€ν•œ μƒλŒ€μ  크기둜 지정할 수 μžˆλ‹€. '100%'이면 κ²Œμ΄μ§€ μ›ν˜Έμ˜ λ°˜μ§€λ¦„κ³Ό λ™μΌν•˜λ‹€.

defaultΒ undefinedΒ 

innerStyle: SVGStyles|string

λ‚΄λΆ€ 원에 μ μš©ν•  μŠ€νƒ€μΌμ…‹ ν˜Ήμ€ class selector.

defaultΒ undefinedΒ 

label: boolean|CircularGaugeLabelOptions

left: string|number

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

defaultΒ undefinedΒ 

maxValue: number

μ΅œλŒ€κ°’. group에 ν¬ν•¨λ˜λ©΄ 이 κ°’ λŒ€μ‹  group의 μ΅œλŒ€κ°’μ΄ μ‚¬μš©λœλ‹€.

defaultΒ undefinedΒ 

minValue: number

μ΅œμ†Œκ°’. group에 ν¬ν•¨λ˜λ©΄ 이 κ°’ λŒ€μ‹  group의 μ΅œμ†Œκ°’μ΄ μ‚¬μš©λœλ‹€.

defaultΒ undefinedΒ 

name: string

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

defaultΒ undefinedΒ 

pin: boolean|CircleGaugePinOptions

radius: string|number

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

defaultΒ undefinedΒ 

right: string|number

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

defaultΒ undefinedΒ 

rim: boolean|CircleGaugeRimOptions

바탕 rim.

row: number

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

defaultΒ undefinedΒ 

scale: boolean|CircleGaugeScaleOptions

Gauge scale.

size: string|number

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

defaultΒ undefinedΒ 

startAngle: number

κ²Œμ΄μ§€ μ›ν˜Έ μ‹œμž‘ 각도. μ§€μ •ν•˜μ§€ μ•Šκ±°λ‚˜ 잘λͺ»λœ 값이면 0으둜 κ³„μ‚°λœλ‹€. 0은 μ‹œκ³„μ˜ 12μ‹œ μœ„μΉ˜λ‹€.

defaultΒ 0Β 

style: SVGStyles|string

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

defaultΒ undefinedΒ 

sweepAngle: number

κ²Œμ΄μ§€ μ›ν˜Έ 전체 각도. 0 ~ 360 μ‚¬μ΄μ˜ κ°’μœΌλ‘œ 지정해야 ν•œλ‹€. λ²”μœ„λ₯Ό λ²—μ–΄λ‚œ 값은 λ²”μœ„ μ•ˆμœΌλ‘œ μ‘°μ •λœλ‹€. μ§€μ •ν•˜μ§€ μ•Šκ±°λ‚˜ 잘λͺ»λœ 값이면 360으둜 κ³„μ‚°λœλ‹€. 예) 180 이면 반 μ›ν˜Έκ°€ λœλ‹€.

defaultΒ 360Β 

top: string|number

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

defaultΒ undefinedΒ 

type: 'circle'

defaultΒ undefinedΒ 

value: number

ν˜„μž¬κ°’.

defaultΒ undefinedΒ 

valueRadius: string|number

값을 λ‚˜νƒ€λ‚΄λŠ” μ›ν˜Έμ˜ λ°˜μ§€λ¦„. ν”½μ…€ λ‹¨μœ„μ˜ ν¬κΈ°λ‚˜, radius 와 innerRadius 둜 κ²°μ •λœ κΈ°λ³Έ rim의 쀑점에 λŒ€ν•œ μƒλŒ€μ  크기둜 지정할 수 μžˆλ‹€. μ§€μ •ν•˜μ§€ μ•Šκ±°λ‚˜ '100%'이고 valueRim 의 thickness κ°€ κΈ°λ³Έ rim의 λ‘κ»˜μ™€ λ™μΌν•˜λ©΄ κ²Œμ΄μ§€ μ›ν˜Έμ˜ λ°˜μ§€λ¦„κ³Ό λ™μΌν•˜κ²Œ ν‘œμ‹œλœλ‹€.

defaultΒ undefinedΒ 

valueRim: boolean|CircleGaugeValueRimOptions

값을 ν‘œμ‹œν•˜λŠ” rim.

visible: boolean

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

defaultΒ trueΒ 

width: string|number

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

defaultΒ undefinedΒ