Packagekor.charts
Classpublic class VLinearGauge

VLinear는 세로 방향의 막대 모양과 목표치를 나타내는 선으로 구성되어 있습니다. 목표치를 나타내는 선으로 목표치로 설정하고, 막대로 현재 값을 설정하면 목표 대비 현재 값을 직관적으로 표현 할 수 있습니다. VLinear는 Flex3의 VSlider를 상속받아 만들어 졌으며, 문서에 표시되지 않은 기능은 VSlider의 모든 기능을 사용할 수 있습니다.

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

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

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



Styles
 StyleDescriptionDefined by
  
dataTipFontSize
Type: number
데이터 팁 폰트 사이즈입니다. The default value is 10.
VLinearGauge
  
innerTipJsFunction
Type: Object

function functionName(value)

안쪽 게이지의 innerTipJsFunction입니다. 안쪽 게이지의 팁을 원하는 형태로 출력 하고 싶으시다면 정의하십시오.
VLinearGauge
  
labelJsFunction
Type: Object
실린더의 값을 표시하는 텍스트(valueLable)의 형식을 설정하는 콜백 함수입니다.
이 함수는, 단일의 수치를 인수로 받아, 형식을 설정한 string형태로 반환합니다.
VLinearGauge
  
linearAlpha
Type: Array
막대 (안쪽)색상의 투명값입니다. The default value is [1,1,1].
VLinearGauge
  
linearBgAlpha
Type: Array
배경색의 투명값입니다. The default value is [1,1,1].
VLinearGauge
  
linearBgBorderAlpha
Type: Number   CSS Inheritance: no
배경색의 테두리 투명도를 지정합니다. The default value is 1.
VLinearGauge
  
linearBgBorderColor
Type: uint   CSS Inheritance: no
배경색의 테두리 색상을 지정합니다. The default value is 0x000000.
VLinearGauge
  
linearBgColor
Type: Array   CSS Inheritance: no
배경색을 지정합니다. The default value is [0xeaeaea,0xeaeaea,0xeaeaea].
VLinearGauge
  
linearBgRatio
Type: Array
배경색의 그리기 영역입니다. The default value is [255,255,255].
VLinearGauge
  
linearBorderAlpha
Type: Number   CSS Inheritance: no
막대(안쪽)의 테두리 투명도를 지정합니다. The default value is 1.
VLinearGauge
  
linearBorderColor
Type: uint
막대(안쪽)의 테두리 색상을 지정합니다. The default value is 0x000000.
VLinearGauge
  
linearColor
Type: Array   CSS Inheritance: no
막대(안쪽)의 색상을 지정합니다. The default value is [0x299DE5,0x299DE5,0x299DE5].
VLinearGauge
  
linearColumnWidth
Type: number
막대의 넓이(폭)을 지정합니다. 유효값 0~1 The default value is 0.65.
VLinearGauge
  
linearRatio
Type: Array
막대 (안쪽)의 그리기 영역입니다. The default value is [255,255,255].
VLinearGauge
  
offsetOfthumb
Type: Number
thumb와 게이지의 여백입니다.
VLinearGauge
  
padding
Type: Number
게이지의 여백입니다. The default value is 0.
VLinearGauge
  
showDataTip
Type: Boolean
데이터팁 보이기 여부입니다. The default value is true.
VLinearGauge
  
showTargetMark
Type: Boolean
목표치 기둥 보이기 여부입니다. The default value is true.
VLinearGauge
  
showTrackHighlight
Type: Boolean
안쪽 기둥 보이기 여부입니다. The default value is true.
VLinearGauge
  
showValueLabel
Type: Boolean
실린더의 값을 표시하는 텍스트(valueLabel)을 보여 줄지 지정합니다. The default value is "true".
VLinearGauge
  
targetMark
Type: Number
목표치의 위치를 지정합니다. The default value is this.minimum.
VLinearGauge
  
targetMarkAlpha
Type: Array
목표치를 나타내는 선의 투명도 입니다. The default value is [1,1,1].
VLinearGauge
  
targetMarkBorderAlpha
Type: Number   CSS Inheritance: no
목표치의 테두리 투명도를 지정합니다. The default value is 1.
VLinearGauge
  
targetMarkBorderColor
Type: uint   CSS Inheritance: no
목표치의 테두리 색상을 지정합니다. The default value is 0x000000.
VLinearGauge
  
targetMarkColor
Type: Array
목표치를 나타내는 선의 색상을 지정합니다. The default value is [0xff0000,0xff0000,0xff0000].
VLinearGauge
  
targetMarkRatio
Type: Array
목표치를 나타내는 선의 그리기 영역입니다. The default value is [255,255,255].
VLinearGauge
  
targetMarkThickness
Type: number
목표치를 나타내는 선의 두께를 지정합니다. The default value is 3.
VLinearGauge
  
targetTipJsFunction
Type: Object

function functionName(value)

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

function functionName(value)

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