Class: Gauge

<rMateChart>
  <Options>
    <Caption text="Gauge"/>
  <Options>
  <Gauge innerRatio="0.5" minimumAngle="0" maximumAngle="360" showDataTip="true" startAngle="0" showAnimation="true" duration="800" showLabel="true" bounceAnimating="true" />
</rMateChart>

Members

backgroundColorsArray

게이지가 출력되는 영역의 배경 색상을 설정합니다.

Default Value:

• ["#e2eaf3"]

backgroundStrokesArray

게이지가 출력되는 영역의 배경 테두리 색상을 설정합니다.

Default Value:

• null

bounceAnimatingBoolean

이펙트 바운스 효과를 설정합니다.

Default Value:

• true

circleOffsetNumber

값이 여러 개일 경우 각 원 형태마다 여백의 크기를 설정합니다.

Default Value:

• 4

colorHexadecimal

게이지 값(라벨)에 색상을 설정합니다.

Default Value:

• null

durationNumber

이펙트 출력 시간을 설정합니다.

Default Value:

• 800

fontFamilyString

게이지 값(라벨)에 대한 폰트명을 설정합니다.

Default Value:

• null

fontSizeNumber

게이지 값(라벨)에 대한 폰트 크기를 설정합니다.

Default Value:

• 11

fontStyleString

게이지 값(라벨)에 대한 폰트 스타일을 설정합니다.

유효값은 normal, italic 입니다.

Default Value:

• normal

fontWeightString

볼드체로 게이지 값(라벨)을 표시할 지 여부를 설정합니다.

유효값은 normal, bold 입니다.

Default Value:

• normal

foregroundColorsArray

게이지가 출력되는 영역의 색상을 설정합니다.

Default Value:

• ["#51c0ee"]

foregroundStrokesArray

게이지가 출력되는 영역의 테두리 색상을 설정합니다.

Default Value:

• null

gaugeHeightNumber

게이지 세로 크기 값을 설정합니다.

Default Value:

• NaN

gaugeWidthNumber

게이지 가로 크기 값을 설정합니다.

Default Value:

• NaN

horizontalOriginRatioNumber

게이지 출력 수평 위치를 설정합니다.

Default Value:

• 0.5

innerRatioNumber

게이지 안쪽 영역의 비율을 설정합니다.

Default Value:

• 0

labelXOffsetNumber

게이지 값(라벨)이 표시되는 X 값의 오프셋(Offset)을 설정합니다.

라벨의 위치를 이동시킬 수 있습니다.

Default Value:

• 0

labelYOffsetNumber

게이지 값(라벨)이 표시되는 Y 값의 오프셋(Offset)을 설정합니다.

라벨의 위치를 이동시킬 수 있습니다.

Default Value:

• 0

maximumNumber

게이지 값(라벨)의 최대값을 설정합니다.

Default Value:

• 100

maximumAngleNumber

게이지의 최대 각도를 설정합니다.

Default Value:

• 360

minimumNumber

게이지 값(라벨)의 최소값을 설정합니다.

Default Value:

• 0

minimumAngleNumber

게이지의 최소 각도를 설정합니다.

Default Value:

• 0

nameFieldString

다중 게이지를 표현할 때 카테고리에 해당하는 데이터 필드명을 설정합니다.

Default Value:

• null

outerRatioNumber

게이지 바깥쪽 영역의 비율을 설정합니다.

Default Value:

• 1

paddingBottomNumber

하단 여백의 크기를 픽셀 단위로 설정합니다.

Default Value:

• 0

paddingLeftNumber

왼쪽 여백의 크기를 픽셀 단위로 설정합니다.

Default Value:

• 0

paddingRightNumber

오른쪽 여백의 크기를 픽셀 단위로 설정합니다.

Default Value:

• 0

paddingTopNumber

상단 여백의 크기를 픽셀 단위로 설정합니다.

Default Value:

• 0

showAnimationBoolean

이펙트 효과를 줄지 여부를 설정합니다.

Default Value:

• true

showBackgroundGaugeBoolean

게이지 배경의 출력 여부를 설정합니다.

Default Value:

• true

showDataTipBoolean

게이지의 바늘에 마우스 오버 시 게이지의 데이터 팁에 대한 표시 여부를 설정합니다.

Default Value:

• true

showValueLabelBoolean

게이지 값(라벨)의 출력 여부를 설정합니다.

Default Value:

• true

startAngleNumber

시작 각도 값을 설정합니다.

Default Value:

• 0

typeString

다중 게이지의 표현 방식을 설정합니다.

유효값은 clustered, 100% 입니다.

Default Value:

• clustered

valueFieldString

다중 게이지를 표현할 때 수치값에 해당하는 데이터 필드명을 설정합니다.

Default Value:

• null

verticalOriginRatioNumber

게이지 출력 수직 위치를 설정합니다.

Default Value:

• 0.5

Methods

fillJsFunction(value)

사용자 정의 색상을 설정하는 자바스크립트 함수명을 설정합니다.

<Gauge ... fillJsFunction="fillJsFunc" ...>
...
fillJsFunc(value) {
  ...
}

Name	Type	Description
value	Number	게이지 라벨 값

labelClickJsFunction(value)

라벨을 클릭했을 때 실행될 자바스크립트 함수명을 설정합니다.

<Gauge ... labelClickJsFunction="labelClickJsFunc" ...>
...
labelClickJsFunc(value) {
  ...
}

Name	Type	Description
value	String	라벨

labelJsFunction(value)

게이지 값(라벨)을 표시하는 자바스크립트 함수명을 설정합니다.

<Gauge ... labelJsFunction="labelFunc" ...>
...
labelFunc(value) {
  return "<font color='#ff812d'>" + value + " mph</font>";
}

Name	Type	Description
value	Number	게이지 라벨 값

valueChangeFunction(value, secondValue)

데이터 변경 시 호출될 자바스크립트 함수명을 설정합니다.

<Gauge ... valueChangeFunction="valueChangeFunc" ...>
...
valueChangeFunc(value, secondValue) {
  ...
}

Name	Type	Description
value	Number	주 데이터 값
secondValue	Number	보조 데이터 값