Packagekor.charts
Classpublic class HalfCircularGauge

180~360 구간을 표현하는 반원 게이지입니다.

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

  <rMateChart backgroundColor="0xEEEEEE" cornerRadius="12" borderStyle="solid">
  <Options>
   <Caption text="Gauge"/>
  </Options>
  <NumberFormatter id="numFmt" precision="0"/>
  <HalfCircularGauge valueChangeFunction="valueChangeFunc"
     frameType="flat"
     minimumAngle="185" maximumAngle="355"
     minimum="0" maximum="500" value="250"
     interval="100" minorInterval="25"
     formatter="{numFmt}"
     padding="10"
     tickGap="10"
     labelGap="5"
     valueXOffset="0" valueYOffset="-80"
     tickLabelStyleName="tickText"
     valueLabelStyleName="valueLabelStyle"
     editMode="true" liveDragging="true"
     showDataTip="true"
     needleCoverRadius="5"
     needleThickness="10"
     pointThickness="0"
     needleLengthRatio="0.75"
     needlePointStyle="steeple"
     needleBackLengthRatio="0.12"
     tickLabelPlacement="inside"
     showTrackColor="false">
   <frameStroke>
    <Stroke color="0x232323" weight="6"/>
   </frameStroke>
   <tickFill>
    <SolidColor color="0xCCCCCC"/>
   </tickFill>
   <minorTickFill>
    <SolidColor color="0xFF9900"/>
   </minorTickFill>
  </HalfCircularGauge>
  <Style>
   .tickText
   {
    fontFamily:tahoma;
    fontFamily:Myriad;
    fontSize:15;
    color:#FFFFFF;
   }
   .valueLabelStyle
   {
    fontFamily:Myriad;
    fontSize:15;
    paddingTop:4;
    textAlign:center;
   }
  </Style>
  </rMateChart>
  



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