Packagekor.charts
Classpublic class HLinearGauge

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

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

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

 <rMateChart backgroundColor="0xFFFFFF" paddingTop="50" horizontalAlign="center" verticalScrollPolicy="off" verticalAlign="middle" cornerRadius="12" borderStyle="solid">
 <HLinear 
  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>
 

<HLinearGauge.>

는 기본적으로 parent classes의 모든 속성을 상속 받습니다. parent classes를 참조하십시오.

See also

charts.VLinearGauge


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

function functionName(value)

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

function functionName(value)

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

function functionName(value)

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