Config
circlegroup

gauge[type=circlegroup]

Circle 게이지그룹.
type'circlegroup'이다.

Options

backgroundStyle: SVGStyles|string

bottom: string|number

plot 영역의 아래쪽 모서리와 wid사이의 간격.
bottom이 설정되면 이 속성은 무시된다.

centerX: string|number

게이지 중심 수평 위치. 픽셀 단위의 크기나, plot 영역 전체 너비에 대한 상대적 크기로 지정할 수 있다.

centerY: string|number

게이지 중심 수직 위치. 픽셀 단위의 크기나, plot 영역 전체 높이에 대한 상대적 크기로 지정할 수 있다.

children: circle[]

circle 게이지 옵션 배열.

clockwise: boolean

true면 시계 방향으로 회전한다.

default :false

col: number

분할 모드일 때 게이지가 표시될 pane의 수평 index.

height: string|number

게이지 높이. 픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.

innerRadius: string|number

default :'50%'

innerStyle: SVGStyles|string

내부 원에 적용할 스타일셋 또는 css selector (opens in a new tab).

itemGap: number

자식 게이지 원호들의 간격을 픽셀 단위로 지정한다.

default :4

label

게이지 중앙에 표시되는 label 설정 모델

labelGap: number

default :10

left: string|number

plot 영역의 왼쪽 모서리와 wid사이의 간격.

maxValue: number

최대값.

minValue: number

최소값.

name: string

게이지 이름. 동적으로 게이지를 다루기 위해서는 반드시 지정해야 한다.

radius: string|number

게이지 원호의 반지름. 픽셀 단위의 크기나, plot 영역 전체 크기(너비와 높이 중 작은 값)에 대한 상대적 크기로 지정할 수 있다. '50%'로 지정하면 plot 영역의 width나 height중 작은 크기와 동일한 반지름으로 표시된다.

right: string|number

plot 영역의 오른쪽 모서리와 widget 사이의 간격.
left가 설정되면 이 속성은 무시된다.

row: number

분할 모드일 때 게이지가 표시될 pane의 수직 index.

size: string|number

widthheight를 동시에 설정한다.

startAngle: number

게이지 원호 시작 각도. 지정하지 않거나 잘못된 값이면 0으로 계산된다. 0은 시계의 12시 위치다.

default :0

style: SVGStyles|string

스타일셋 또는 css selector (opens in a new tab).

sweepAngle: number

게이지 원호 전체 각도. 0 ~ 360 사이의 값으로 지정해야 한다. 범위를 벗어난 값은 범위 안으로 조정된다. 지정하지 않거나 잘못된 값이면 360으로 계산된다. 예) 180 이면 반 원호가 된다.

default :360

top: string|number

plot 영역의 위쪽 모서리와 wid사이의 간격.

type: 'circlegroup'

valueRadius: string|number

값을 나타내는 원호의 반지름. 픽셀 단위의 크기나, radius에 대한 상대적 크기로 지정할 수 있다. 지정하지 않거나 '100%'이면 게이지 원호의 반지름과 동일하다.

visible: boolean

표시 여부.

default :true

width: string|number

게이지 너비. 픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.