API
CircularGaugeGroupOptions

CircularGaugeGroupOptions extends GaugeGroupOptions

subinterfaces CircleGaugeGroupOptions

같은 종류의 단일 계이지들을 여러 개 묶어서 관련된 값을 표시한다.

Properties

backgroundStyle: SVGStyles | string (opens in a new tab)

default :undefined

bottom: string (opens in a new tab) | number (opens in a new tab)

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

default :undefined

centerX: string (opens in a new tab) | number (opens in a new tab)

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

default :undefined

centerY: string (opens in a new tab) | number (opens in a new tab)

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

default :undefined

children: Array (opens in a new tab)<CircleGaugeOptions>

단일 게이지 옵션 배열.

default :undefined

clockwise: boolean (opens in a new tab)

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

default :false

col: number (opens in a new tab)

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

default :undefined

height: string (opens in a new tab) | number (opens in a new tab)

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

default :undefined

innerRadius: string (opens in a new tab) | number (opens in a new tab)

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

default :undefined

innerStyle: SVGStyles | string (opens in a new tab)

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

default :undefined

itemGap: number (opens in a new tab)

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

default :4

label: boolean (opens in a new tab) | CircularGaugeLabelOptions

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

default :undefined

labelGap: number (opens in a new tab)

default :10

left: string (opens in a new tab) | number (opens in a new tab)

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

default :undefined

maxValue: number (opens in a new tab)

최대값.

default :undefined

minValue: number (opens in a new tab)

최소값.

default :undefined

name: string (opens in a new tab)

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

default :undefined

radius: string (opens in a new tab) | number (opens in a new tab)

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

default :undefined

right: string (opens in a new tab) | number (opens in a new tab)

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

default :undefined

row: number (opens in a new tab)

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

default :undefined

size: string (opens in a new tab) | number (opens in a new tab)

widthheight를 동시에 설정한다.

default :undefined

startAngle: number (opens in a new tab)

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

default :0

style: SVGStyles | string (opens in a new tab)

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

default :undefined

sweepAngle: number (opens in a new tab)

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

default :360

top: string (opens in a new tab) | number (opens in a new tab)

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

default :undefined

type: 'bulletgroup' | 'bullet' | 'circlegroup' | 'circle' | 'clock' | 'lineargroup' | 'linear'

  • 'bulletgroup'
  • 'bullet'
  • 'circlegroup'
  • 'circle'
  • 'clock'
  • 'lineargroup'
  • 'linear'

default :undefined

valueRadius: string (opens in a new tab) | number (opens in a new tab)

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

default :undefined

visible: boolean (opens in a new tab)

표시 여부.

default :true

width: string (opens in a new tab) | number (opens in a new tab)

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

default :undefined