Packagekor.charts
Classpublic class HCylinderGauge

HCylinder는 가로 방향의 실린더 모양으로 목표치를 설정하고 실적을 나타내는 방법으로 사용하게 됩니다. 실린더의 바깥모양(유리관 모양)을 목표치로 설정하고, 안쪽기둥으로 현재 값으로 설정하면 목표 대비 현재 값을 직관적으로 표현 할 수 있습니다. HCylinder는 VCylinder를 상속받아 만들어 졌으며, 문서에 표시되지 않은 기능은 VCylinder의 모든 기능을 사용할 수 있습니다.

HCylinder는 다음과 같은 기능 및 특징이 있습니다.

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

  <rMateChart backgroundColor="0xFFFFFF" paddingTop="50" cornerRadius="12" horizontalAlign="center" 
    verticalScrollPolicy="off" verticalAlign="middle" borderStyle="solid">
  <HCylinder
   width="400"
   height="150"
   minimum="0"
   maximum="200"
   labels="[0,20,40,60,80,100,120,140,160,180,200]"
   tickInterval="20"
   value="160"
   targetMark="120"
   snapInterval="1"
   valueLabelJsFunction="labelFunc"
   valueLabelStyleName="valueLabel"
  />
  <Style>
   .valueLabel{
    fontSize:11;
    fontWeight:bold;
   }
  </Style>
 </rMateChart>
  

<HcylinderGauge/>

는 기본적으로 parent classes를 모두 상속받습니다. parent classes를 참고하십시오.

See also

charts.VCylinderGauge


Styles
 StyleDescriptionDefined by
  
cylinderAlpha
Type: Array
실린더 기둥(안쪽)의 투명도입니다. The default value is [1,1,1].
HCylinderGauge
  
cylinderColor
Type: Array
실린더 기둥(안쪽)의 색상을 지정합니다. The default value is [0xdb88db,0xffffff,0xdb88db].
HCylinderGauge
  
cylinderColumnWidth
Type: Number
실린더 기둥(안쪽)의 넓이(픽셀 단위)를 지정합니다. The default value is 1.
HCylinderGauge
  
cylinderCoverRatio
Type: Array
실린더 기둥의 위쪽 커버의 그리기 영역입니다. The default value is [10,80,255].
HCylinderGauge
  
cylinderRatio
Type: Array
실린더 기둥(안쪽)의 그리기 영역입니다. The default value is [0,128,255].
HCylinderGauge
  
cylinderWidth
Type: Number
실린더의 전체(바깥쪽) 넓이(픽셀 단위)을 지정합니다. The default value is 150.
HCylinderGauge
  
dataTipFontSize
Type: number
데이터 팁 폰트 사이즈. The default value is 10;.
HCylinderGauge
  
innerTipJsFunction
Type: Object

function functionName(value)

안쪽 게이지의 innerTipJsFunction입니다. 안쪽 게이지의 팁을 원하는 형태로 출력 하고 싶으시다면 정의하십시오.
HCylinderGauge
  
labelJsFunction
Type: Object
실린더의 값을 표시하는 텍스트(valueLable)의 형식을 설정하는 콜백 함수입니다.
이 함수는, 단일의 수치를 인수로 받아, 형식을 설정한 string형태로 반환합니다.
HCylinderGauge
  
offsetOfthumb
Type: Number
thumb와 게이지의 여백입니다.
HCylinderGauge
  
padding
Type: Number
게이지의 여백입니다. The default value is 0.
HCylinderGauge
  
showDataTip
Type: Boolean
데이터팁 보이기 여부입니다. The default value is true.
HCylinderGauge
  
showTrackHighlight
Type: Boolean
안쪽 기둥 보이기 여부입니다. The default value is true.
HCylinderGauge
  
showValueLabel
Type: Boolean
실린더의 값을 표시하는 텍스트(valueLabel)을 보여 줄지 지정합니다. The default value is "true".
HCylinderGauge
  
targetMark
Type: Number
실린더의 바깥모양(유리관 모양)의 위치를 지정합니다. The default value is minimum.
HCylinderGauge
  
targetMarkAlpha
Type: Array
실린더 바깥모양의 투명도입니다. The default value is [0.6,0.6,0.7].
HCylinderGauge
  
targetMarkColor
Type: Array
실린더 바깥모양의 색상입니다 The default value is [0xeaeaea,0xeaeaea,0xeaeaea].
HCylinderGauge
  
targetMarkRatio
Type: Array
실린더 바깥모양의 그리기 영역입니다. The default value is [0,125,255].
HCylinderGauge
  
targetTipJsFunction
Type: Object

function functionName(value)

목표 라인의 targetTipJsFunction입니다. 목표 라인의 팁을 원하는 형태로 출력 하고 싶으시다면 정의 하십시오.
HCylinderGauge
  
thumbVisible
Type: Boolean
게지이의 thumb숨기기 입니다. The default value is false.
HCylinderGauge
  
tickLabelJsFunction
Type: Obejct

function functionName(value)

labels에 넣어놓은 라벨들을 사용자가 원하는 형태로 바꾸고 싶다면 정의하십시오.
HCylinderGauge
  
valueChangeFunction
Type: Object
게이지의 값이 변경되었을 경우 이 속성에 지정된 함수를 콜백 함수로 사용합니다. 이 속성을 사용하여 게이지 값이 변경될때마다 해당 값을 저장해둘 수 있습니다.
HCylinderGauge
  
valueLabelStyleName
Type: String
게이지 값이 보일 텍스트의 스타일 네임입니다. The default value is none.
HCylinderGauge
  
valueLabelXOffset
Type: Number
실린더의 값을 표시하는 텍스트의 가로방향(X축)으로 위치를 지정합니다. The default value is 0.
HCylinderGauge
  
valueLabelYOffset
Type: Number
실린더의 값을 표시하는 텍스트의 세로방향(Y축)으로 위치를 지정합니다. The default value is 0.
HCylinderGauge