CircularGaugeOptions extends ValueGaugeOptions
subinterfaces CircleGaugeOptions
원형 게이지 모델. label의 기본 위치의 x는 원호의 좌위 최대 각 위치를 연결한 지점, y는 중심 각도의 위치.
Options
animatable: boolean (opens in a new tab)
value 변화를 애니메이션으로 표현한다.
default :undefined
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
clockwise: boolean (opens in a new tab)
true면 시계 방향으로 회전한다.
default :true
col: number (opens in a new tab)
분할 모드일 때 게이지가 표시될 pane의 수평 index.
default :undefined
duration: number (opens in a new tab)
Animation duration.
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
label: boolean (opens in a new tab) | CircularGaugeLabelOptions
게이지 중앙에 표시되는 label 설정 모델
default :undefined
left: string (opens in a new tab) | number (opens in a new tab)
plot 영역의 왼쪽 모서리와 wid사이의 간격.
default :undefined
maxValue: number (opens in a new tab)
최대값. group에 포함되면 이 값 대신 group의 최대값이 사용된다.
default :undefined
minValue: number (opens in a new tab)
최소값. group에 포함되면 이 값 대신 group의 최소값이 사용된다.
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)
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
value: number (opens in a new tab)
현재값.
default :undefined
valueRadius: string (opens in a new tab) | number (opens in a new tab)
값을 나타내는 원호의 반지름.
픽셀 단위의 크기나,
radius와 innerRadius로 결정된 기본 rim의 중점에 대한 상대적 크기로 지정할 수 있다.
지정하지 않거나 '100%'이고 valueRim의 두께가
기본 rim의 두께와 동일하면 게이지 원호의 반지름과 동일하게 표시된다.
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