Packagekor.charts
Classpublic class Matrix2DChart

Matrix2DChart는 각각의 데이터 표현을 x,y,z로 하게 됩니다.
각 데이터는 수평 축을 따르는 x, 수직 축을 따르는 y, 크기를 결정하는 z로 구분됩니다.

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

  <rMateChart backgroundColor="0xFFFFFF" cornerRadius="12" borderStyle="solid">
  <Options>
   <Caption text="Matrix Chart"/>
   <Legend/>
  </Options>
  <SeriesSlide id="ss"/>
  <Matrix2DChart showDataTips="true" type="renderer" drawType="radius" selectionMode="single" dataTipJsFunction="tipFunc">
   <backgroundElements>
    <GridLines direction="horizontal" horizontalChangeCount="2">
     <horizontalStroke>
      <Stroke color="0x000000"/>
     </horizontalStroke>
    </GridLines>
   </backgroundElements>
   <verticalAxis>
    <LinearAxis id="vAxis" interval="0.5" maximum="6" labelJsFunction="vertiJsFunc"/>
   </verticalAxis>
   <horizontalAxis>
    <LinearAxis id="hAxis" interval="0.5" maximum="12" labelJsFunction="horiJsFunc"/>
   </horizontalAxis>
   <series>
    <Matrix2DSeries  xField="Data1_x" yField="Data1_y" zField="Data1" renderer="rectangle" showDataEffect="{ss}" labelPosition="inside" displayName="A 시" insideLabelJsFunction="labelJsFunc" fontSize="11"/>
    <Matrix2DSeries xField="Data2_x" yField="Data2_y" zField="Data2" renderer="rectangle" showDataEffect="{ss}" labelPosition="inside" displayName="B 시" insideLabelJsFunction="labelJsFunc" fontSize="11"/>
    <Matrix2DSeries  xField="Data3_x" yField="Data3_y" zField="Data3" renderer="rectangle" showDataEffect="{ss}" labelPosition="inside" displayName="C 시" insideLabelJsFunction="labelJsFunc" fontSize="11"/>
   </series>
   <verticalAxisRenderers>
    <Axis2DRenderer axis="{vAxis}" tickPlacement="none" styleName="font" minorTickPlacement="none"/>
   </verticalAxisRenderers>
   <horizontalAxisRenderers>
    <Axis2DRenderer axis="{hAxis}" tickPlacement="none" styleName="font" minorTickPlacement="none"/>
   </horizontalAxisRenderers>
  </Matrix2DChart>
  <Style>
   .font{
    fontSize:11;
   }
  </Style>
  </rMateChart>


Styles
 StyleDescriptionDefined by
  
color
Type: uint   Format: Color

글자색을 RGB로 지정합니다.

The default value is 0x0B333C.		Matrix2DChart
  
dataTipJsFunction
Type: String
마우스 오버 시 나타나는 데이터팁(툴팁)의 내용을 사용자 정의하기 위한 자바스크립트 함수명을 정의합니다.
layout XML 에서 Chart 속성을 넣을때 dataTipJsFunction를 주고,만든 javascript 함수명을 넣어줍니다. 예)

dataTipJsFunction 의 signature 는 아래와 같습니다. 

  function_name(seriesId, seriesName, index, xName, yName, data, values) { ... }
seriesId : 레이아웃 XML에서 부여한 시리즈의 id가 있을 경우 해당 id를 나타냅니다.
seriesName : 시리즈의 displayName 으로 정의한 시리즈 이름을 나타냅니다.
xName : X축에 displayName 을 정의하였다면 X축의 displayName 을 나타냅니다.
yName : Y축에 displayName 을 정의하였다면 Y축의 displayName 을 나타냅니다.
data : 해당 item의 값을 표현하기 위해 입력된 data(row값에 해당 - data로 입력된 종류에 따라 XML의 내용 또는 배열이 됩니다.)
values : 해당 item의 값입니다. 배열로 전달되며 차트의 종류에 따라 아래와 같습니다.
  • 바시리즈(Bar2DSeries, Bar3DSeries) 0:x축 값, 1:y축 값
  • 칼럼시리즈(Column2DSeries, Column3DSeries) 0:x축 값, 1:y축 값
  • 영역시리즈(Area2DSeries) 0:x축 값, 1:y축 값
  • 버블시리즈(Bubble3DSeries) 0:x축 값, 1:y축 값, 2:radius 값
  • 라인시리즈(Line2DSeries) 0:x축 값, 1:y축 값
  • 파이시리즈(Pie2DSeries, Pie3DSeries) 0:값, 1:퍼센티지, 2:nameField
이 자바스크립트 함수가 반환하는 스트링이 곧 데이터팁의 내용이 됩니다. 		Matrix2DChart
  
dataTipMode
Type: String
showDataTips 가 true로 설정된 경우 데이터팁(툴팁) 표현 정책을 정의합니다.
유효값은 다음과 같습니다.
  • "single" : 마우스 오버 시 해당 지점에 가장 가까운 포인트의 데이터팁 하나가 표시됩니다.
  • "multiple" : 마우스 오버 시 해당 지점에 근사한 다수의 데이터팁이 표시됩니다.
The default value is "single".		Matrix2DChart
  
drawType
Type: String
Matrix2DChart의 type이 renderer,image일 때 유효합니다. - radius : 반지름을 기준으로 표현합니다. - area : 면적을 기준으로 표현합니다. 		Matrix2DChart
  
fontFamily
Type: String

사용할 폰트명을 지정합니다. 기본적으로 시스템 폰트를 사용합니다.

The default value is "Verdana".		Matrix2DChart
  
fontSize
Type: Number   Format: Length

글자의 크기를 픽셀단위로 지정합니다.

The default value is 12.		Matrix2DChart
  
fontStyle
Type: String

이텔릭체로 글자를 표현할지를 나타냅니다. 유효값은 "normal", "italic" 입니다..

The default value is "normal".		Matrix2DChart
  
fontWeight
Type: String

볼드체로 글자를 표현할지를 나타냅니다. 유효값은 "normal", "bold" 입니다..

The default value is "bold".		Matrix2DChart
  
gutterBottom
Type: Number   Format: Length

축을 기준으로 하단 공간을 명시적으로 지정합니다. 보통 차트에 의해 자동 계산됩니다.

Matrix2DChart
  
gutterLeft
Type: Number   Format: Length

축을 기준으로 왼쪽 공간을 명시적으로 지정합니다. 보통 차트에 의해 자동 계산됩니다.

Matrix2DChart
  
gutterRight
Type: Number   Format: Length

축을 기준으로 오른쪽 공간을 명시적으로 지정합니다. 보통 차트에 의해 자동 계산됩니다.

Matrix2DChart
  
gutterTop
Type: Number   Format: Length

축을 기준으로 상단 공간을 명시적으로 지정합니다. 보통 차트에 의해 자동 계산됩니다.

Matrix2DChart
  
height
Type: Number   Format: Length

세로 사이즈를 명시적으로 지정합니다.

Matrix2DChart
  
id
Type: String

id를 설정합니다. id는 사용자에 의해 정의된 임의의 고유값입니다.

설정된 id를 통해 해당 객체에 접근이 가능합니다.
Matrix2DChart
  
itemClickJsFunction
Type: String
차트에서 아이템 마우스 클릭 시 호출할 자바스크립트 함수명을 정의합니다.
layout XML 에서 Chart 속성을 넣을때 itemClickJsFunction를 주고,만든 javascript 함수명을 넣어줍니다. 예)

itemClickJsFunction 의 signature 는 아래와 같습니다. 

  function_name(seriesId, displayText, index, data, values) { ... }
seriesId : 레이아웃 XML에서 부여한 시리즈의 id가 있을 경우 해당 id를 나타냅니다.
displayText : 화면상에 보여주는 데이터팁(툴팁)의 내용입니다.
index : 클릭된 item(막대나 파이조각등)의 index 번호 - 맨 왼쪽 또는 맨 위 것이 0번입니다.
data : 해당 item의 값을 표현하기 위해 입력된 data(row값에 해당 - data로 입력된 종류에 따라 XML의 내용 또는 배열이 됩니다.)
values : 해당 item의 값입니다. 배열로 전달되며 차트의 종류에 따라 아래와 같습니다.
  • 바시리즈(Bar2DSeries, Bar3DSeries) 0:x축 값, 1:y축 값
  • 칼럼시리즈(Column2DSeries, Column3DSeries) 0:x축 값, 1:y축 값
  • 영역시리즈(Area2DSeries) 0:x축 값, 1:y축 값
  • 버블시리즈(Bubble3DSeries) 0:x축 값, 1:y축 값, 2:radius 값
  • 라인시리즈(Line2DSeries) 0:x축 값, 1:y축 값
  • 파이시리즈(Pie2DSeries, Pie3DSeries) 0:값
Matrix2DChart
  
legendOver
Type: Boolean
범례 마우스 오버시 해당 Series강조 		Matrix2DChart
  
paddingBottom
Type: Number   Format: Length

하단 여백을 픽셀단위로 지정합니다.

The default value is 0.		Matrix2DChart
  
paddingLeft
Type: Number   Format: Length

왼쪽 여백을 픽셀단위로 지정합니다.

The default value is 0.		Matrix2DChart
  
paddingRight
Type: Number   Format: Length

오른쪽 여백을 픽셀단위로 지정합니다.

The default value is 0.		Matrix2DChart
  
paddingTop
Type: Number   Format: Length

상단 여백을 픽셀단위로 지정합니다.

The default value is 3.		Matrix2DChart
  
radiusAxis
Type: Object
매트릭스 반경의 매핑 대상 축입니다. 매트릭스 차트에서 개개의 도형 크기가 데이터의 3 번째 영역으로 다른 두개의 영역인 x, y 위치에 따라 표현됩니다. 디폴트에서는 radiusAxis 는 autoAdjust가 false 로 설정된 LinearAxis 입니다. 		Matrix2DChart
  
secondRadiusAxis
Type: Object
secondary series 매트릭스 반경의 매핑 대상 축입니다. 매트릭스 차트에서 개개의 도형의 크기가 데이터의 3 번째 영역으로 다른 두개의 영역인 x, y 위치에 따라 표현됩니다. 디폴트에서는 radiusAxis 는 autoAdjust가 false 로 설정된 LinearAxis 입니다. 		Matrix2DChart
  
selectionMode
Type: String

마우스 액션 시 차트 아이템의 선택에 관한 정책을 정의합니다. 마우스 오버시 아이템의 하이라이트 기능을 위해서는 "single" 및 "multiple" 로 정의하십시오. 유효값은 "none", "single", "multiple" 입니다.

The default value is none.		Matrix2DChart
  
showDataTips
Type: Boolean

차트 아이템에 마우스 오버 시 데이터팁(툴팁) 출력 여부를 지정합니다.

The default value is false.		Matrix2DChart
  
styleName
Type: String

Style 노드에서 정의한 스타일 이름을 지정합니다.

Matrix2DChart
  
textDecoration
Type: String

텍스트에 밑줄을 표시할지 결정합니다. 유효값은 "none", "underline" 입니다.

The default value is "none".		Matrix2DChart
  
textIndent
Type: Number   Format: Length

텍스트에 들어쓰기를 픽셀단위로 결정합니다.

The default value is 0.		Matrix2DChart
  
type
Type: String
Matrix2DChart의 그리기 타입입니다.
- renderer : 도형
- fill : 색 채우기
- image : 이미지
- plot : 작은 도형 		Matrix2DChart
  
width
Type: Number   Format: Length

가로 사이즈를 명시적으로 지정합니다.

Matrix2DChart



Copyright(c) 2011 RiaMore Soft, Inc. All Right Reserved