Packagekor.charts
Classpublic class CircularGauge

CircularGauge는 0~360 구간의 원형 게이지입니다.

레이아웃은 아래와 같이 작성합니다.

  <rMateChart backgroundColor="0xEEEEEE" cornerRadius="12" borderStyle="solid">
  <Options>
   <Caption text="Gauge" /> 
   <SubCaption text="게이지, 색상, 그라데이션 등을 변경 할 수 있습니다." textAlign="right" paddingRight="10" fontSize="11" /> 
  </Options>
  <CurrencyFormatter id="numFmt" precision="0" currencySymbol="%" alignSymbol="right"/>
  <CircularGauge width="300" height="300" valueChangeFunction="valueChangeFunc"
     startAngle="90" minimumAngle="0" maximumAngle="270"
     minimum="0" maximum="100" value="50"
     interval="10" minorInterval="2"
     formatter="{numFmt}"
     needleLengthRatio="0.8"
     needleBackLengthRatio="0.2"
     valueXOffset="65" valueYOffset="60"
     tickLabelStyleName="tickText"
     valueLabelStyleName="valueText"
     dataTipJsFunction="dataTipFunction"
     editMode="true" liveDragging="true"
     bounceAnimating="true"
     labelGap="10"
     showDataTip="true">
  </CircularGauge>
  <Style>
   .valueText
   {
    fontSize:18;
    fontFamily:Myriad;
    textAlign:center;
    borderColor:#999999;
    backgroundColor:#FFFFFF;
    paddingTop:4;
    borderThickness:1;
    borderAlpha:1;
    borderStyle:solid;
   }
   .tickText
   {
    fontFamily:Myriad;
    fontSize:15;
    color:#FFFFFF
   }
  </Style>
  </rMateChart>
  



Styles
 StyleDescriptionDefined by
  
dataTipJsFunction
Type: Object
데이터팁 라벨을 재정의하는 함수입니다.
CircularGauge
  
editMode
Type: Boolean
게이지의 value 를 마우스로 편집할 수 있게 할지 여부를 나타냅니다.
CircularGauge
  
enableFilter
Type: Boolean   CSS Inheritance: no
게이지에 필터를 활성화 할지 여부를 나타냅니다. The default value is true.
CircularGauge
  
formatter
Type: Object
valueDisplay 와 tickLabel, 데이터팁에 표시할 텍스트 포매터입니다.
CircularGauge
  
frameFill
Type: mx.graphics.IFill   CSS Inheritance: no
게이지 바탕 프레임의 채우기색입니다.
CircularGauge
  
frameFilter
Type: Object   CSS Inheritance: no
프레임에 적용할 필터를 지정합니다.
CircularGauge
  
frameSkin
Type: Class   CSS Inheritance: no
테두리를 포함한 게이지 전체 바탕을 나타내는 스킨을 나타냅니다.
CircularGauge
  
frameStroke
Type: mx.graphics.IStroke   CSS Inheritance: no
게이지 바탕 프레임의 테두리 선 스타일입니다.
CircularGauge
  
hideTickLabel
Type: Object
차트 구간이 360도인 경우 시작 라벨과 마지막 라벨이 만나게 되는데 이 때 시작 라벨 또는 마지막 라벨 표시 여부를 나타냅니다. 유효값은 first, last, none 입니다.
CircularGauge
  
isValueTop
Type: Boolean   CSS Inheritance: no
value 라벨을 최상단에 표시할지 여부를 나타냅니다. The default value is false.
CircularGauge
  
labelGap
Type: Number   Format: Length   CSS Inheritance: no
틱과 라벨 사이의 여백(gap) 을 지정합니다. The default value is 4.
CircularGauge
  
labelJsFunction
Type: Object
value 라벨을 재정의하는 함수입니다.
CircularGauge
  
maximum
Type: Number   Format: Length
게이지 라벨에 표시할 최대값입니다.
CircularGauge
  
maximumAngle
Type: Number   Format: Length
게이지의 최대 각도입니다.
CircularGauge
  
minimum
Type: Number   Format: Length
게이지 라벨에 표시할 최소값입니다.
CircularGauge
  
minimumAngle
Type: Number   Format: Length
게이지의 최소 각도입니다.
CircularGauge
  
minorTickFill
Type: mx.graphics.IFill   CSS Inheritance: no
게이지 작은 틱의 채우기색입니다.
CircularGauge
  
minorTickRadius
Type: Number   Format: Length   CSS Inheritance: no
게이지 작은 틱의 반지름을 픽셀단위로 지정합니다. The default value is 2.
CircularGauge
  
minorTickStroke
Type: mx.graphics.IStroke   CSS Inheritance: no
게이지 작은 틱의 선 스타일입니다.
CircularGauge
  
needleBackLengthRatio
Type: Number   CSS Inheritance: no
게이지 바늘 커버 뒤쪽으로 바늘의 하단부를 표시하는 비율입니다. The default value is 0.
CircularGauge
  
needleCoverFill
Type: mx.graphics.IFill   CSS Inheritance: no
게이지 바늘 커버의 채우기색입니다.
CircularGauge
  
needleCoverFilter
Type: Object   CSS Inheritance: no
바늘 커버에 적용할 필터를 지정합니다.
CircularGauge
  
needleCoverRadius
Type: Number   Format: Length   CSS Inheritance: no
게이지 바늘 커버의 반지름을 픽셀 단위로 지정합니다. The default value is 15;.
CircularGauge
  
needleCoverStroke
Type: mx.graphics.IStroke   CSS Inheritance: no
게이지 바늘 커버의 선 스타일입니다.
CircularGauge
  
needleFill
Type: mx.graphics.IFill   CSS Inheritance: no
게이지 바늘의 채우기색입니다.
CircularGauge
  
needleFilter
Type: Object   CSS Inheritance: no
바늘에 적용할 필터를 지정합니다.
CircularGauge
  
needleLengthRatio
Type: Number   CSS Inheritance: no
게이지 바늘의 길이를 나타냅니다. 이는 게이지 반지름의 비율입니다. 예를 들어 1로 설정 시 게이지 반지름 크기의 바늘이 생성됩니다. The default value is 0.85.
CircularGauge
  
needlePointStyle
Type: String   CSS Inheritance: no
게이지 바늘의 모양입니다. 뽀족한 모양과 둥근 모양으로 설정할 수 있습니다. 유효값은 steeple, round 입니다. The default value is steeple.
CircularGauge
  
needleSkin
Type: Class   CSS Inheritance: no
게이지 바늘의 스킨을 나타냅니다.
CircularGauge
  
needleStroke
Type: mx.graphics.IStroke   CSS Inheritance: no
게이지 바늘의 테두리 선 스타일입니다.
CircularGauge
  
needleThickness
Type: Number   Format: Length   CSS Inheritance: no
게이지 바늘의 두께를 나타냅니다.(픽셀 단위) The default value is 10.
CircularGauge
  
padding
Type: Number   Format: Length   CSS Inheritance: no
게이지의 상하좌우 여백입니다. The default value is 0.
CircularGauge
  
pointThickness
Type: Number   Format: Length   CSS Inheritance: no
게이지 바늘 끝의 두께를 나타냅니다. The default value is 0.
CircularGauge
  
showDataTip
Type: Boolean   CSS Inheritance: no
게이지의 바늘에 마우스 오버 시 게이지값을 표시하는 팁을 표시할지 여부를 나타냅니다. The default value is true.
CircularGauge
  
showTickLabels
Type: Boolean   CSS Inheritance: no
게이지 틱 라벨의 표시 여부를 나타냅니다. The default value is true.
CircularGauge
  
showTrackColor
Type: Boolean
게이지의 minimum, maximum 사이의 범위에 따라 게이지 트랙을 설정할지 여부를 나타냅니다. The default value is false.
CircularGauge
  
showValueLabel
Type: Boolean   CSS Inheritance: no
게이지 value 라벨의 표시 여부를 나타냅니다. The default value is true.
CircularGauge
  
tickFill
Type: mx.graphics.IFill   CSS Inheritance: no
게이지 틱의 채우기색입니다.
CircularGauge
  
tickFilter
Type: Object   CSS Inheritance: no
틱에 적용할 필터를 지정합니다.
CircularGauge
  
tickGap
Type: Number   Format: Length   CSS Inheritance: no
게이지 프레임 테두리와 tick 사이에 여백을 지정합니다. The default value is 4.
CircularGauge
  
tickLabelJsFunction
Type: Object
major Tick의 라벨을 재정의하는 함수입니다.
CircularGauge
  
tickLabelPlacement
Type: String   CSS Inheritance: no
틱 라벨의 위치를 틱을 기준으로 안쪽에 위치할지 바깥쪽에 위치할지를 지정합니다. 유효값은 inside, outside 입니다. The default value is inside.
CircularGauge
  
tickLabelStyleName
Type: String   CSS Inheritance: no
tick 라벨의 스타일 이름입니다.
CircularGauge
  
tickRadius
Type: Number   Format: Length   CSS Inheritance: no
게이지 틱의 반지름을 픽셀단위로 지정합니다. The default value is 4.
CircularGauge
  
tickStroke
Type: mx.graphics.IStroke   CSS Inheritance: no
게이지 틱의 선 스타일입니다.
CircularGauge
  
trackAlphas
Type: Array   CSS Inheritance: no
minimum~maximum 구간에 따라 따라 표현하는 컬러 트랙의 채우기 색 투명도를 지정합니다.
CircularGauge
  
trackColors
Type: Array   CSS Inheritance: no
minimum~maximum 구간에 따라 따라 표현하는 컬러 트랙의 범위를 지정합니다. 예를들어, trackColors=[#FFFF00, #0000FF, #FF0000] 이면, trackValue의 범위에 맞게 색이 채워집니다.
CircularGauge
  
trackInnerRadius
Type: Number   CSS Inheritance: no
minimum~maximum 구간에 따라 따라 표현하는 컬러 트랙의 안쪽 표현 범위를 나타냅니다. 유효값은 0~1 이며, 0 인 경우 게이지 정중앙을 나타내고, 1인 경우 게이지 테두리 전까지를 나타냅니다. The default value is 0.
CircularGauge
  
trackOuterRadius
Type: Number   CSS Inheritance: no
minimum~maximum 구간에 따라 따라 표현하는 컬러 트랙의 바깥쪽 표현 범위를 나타냅니다. 유효값은 0~1 이며, 0 인 경우 게이지 정중앙을 나타내고, 1인 경우 게이지 테두리 전까지를 나타냅니다. The default value is 1.
CircularGauge
  
trackValues
Type: Array   CSS Inheritance: no
minimum~maximum 구간에 따라 따라 표현하는 컬러 트랙의 범위를 지정합니다. 예를들어, minimum=0, maximnum=100 일 경우, trackValues=[0,50,80,100] 이면, 0~50, 50~80, 80~100까지 색상을 지정할 수 있습니다.
CircularGauge
  
valueLabelStyleName
Type: String   CSS Inheritance: no
value 라벨의 스타일 이름입니다.
CircularGauge
  
valueXOffset
Type: Number   Format: Length   CSS Inheritance: no
value 라벨에 추가 X Offset 을 지정하여 라벨을 이동시킵니다. The default value is 0.
CircularGauge
  
valueYOffset
Type: Number   Format: Length   CSS Inheritance: no
value 라벨에 추가 Y Offset 을 지정하여 라벨을 이동시킵니다. The default value is 0.
CircularGauge