Packagekor.charts
Classpublic class Bar2DWingChart

Bar2DWingChart는 데이터의 값에 따라 일련의 가로줄로 데이터를 표현합니다.
Bar2DWingChart는 여러가지 유형으로 데이터를 표현할 수 있습니다. 표현 유형은 아래와 같습니다.

rMate Bar2DWingChart 는 series 속성에 Bar2DWingSeries 객체의 배열이 할당되어야 합니다.

레이아웃은 다음과 같은 형식으로 작성됩니다.

 <rMateChart backgroundColor="0xFFFFEE"  cornerRadius="12" borderStyle="solid">
   <Options>
    <Caption text="Anual Report"/>
  </Options>
  <Bar2DWingChart showDataTips="true">
    <verticalAxis>
     <CategoryAxis categoryField="Month" />
    </verticalAxis>
    <series>
     <Bar2DWingSeries xField="Profit" xFieldOpp="ProfitOpp"/>
     <Bar2DWingSeries xField="Cost" xFieldOpp="CostOpp"/>
     <Bar2DWingSeries xField="Revenue" xFieldOpp="RevenueOpp"/>
    </series>
   </Bar2DWingChart>
  </rMateChart>


Styles
 StyleDescriptionDefined by
  
backgroundElements
Type: Object
차트 백그라운드에 표현할 요소들을 정의합니다. 디폴트로 GridLines 이 할당됩니다. 유효 객체는 GridLines, Label, Image, Box 등 입니다. 		Bar2DWingChart
  
barWidthRatio
Type: Number
표시하는 바(bar)의 width 를 카테고리의 width에 대한 비율(범위는 0~1)로 지정합니다.
값이 1인 경우는 영역 전체가 사용되며, 0.6인 경우 바(bar)의 사용 가능 영역은 60%입니다.
실제 바(bar)의 width 는 barWidthRatio property 와 maxbarWidth property 를 계산하여 작은 값이 적용됩니다 The default value is 0.65.		Bar2DWingChart
  
color
Type: uint   Format: Color

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

The default value is 0x0B333C.		Bar2DWingChart
  
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
이 자바스크립트 함수가 반환하는 스트링이 곧 데이터팁의 내용이 됩니다. 		Bar2DWingChart
  
dataTipMode
Type: String
showDataTips 가 true로 설정된 경우 데이터팁(툴팁) 표현 정책을 정의합니다.
유효값은 다음과 같습니다.
  • "single" : 마우스 오버 시 해당 지점에 가장 가까운 포인트의 데이터팁 하나가 표시됩니다.
  • "multiple" : 마우스 오버 시 해당 지점에 근사한 다수의 데이터팁이 표시됩니다.
The default value is "single".		Bar2DWingChart
  
fill
Type: Object
차트 안쪽의 채우기 색을 정의합니다. 유효 객체는 SolidColor, LinearGradient, RadialGradient 입니다. 		Bar2DWingChart
  
fontFamily
Type: String

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

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

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

The default value is 12.		Bar2DWingChart
  
fontStyle
Type: String

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

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

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

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

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

Bar2DWingChart
  
gutterLeft
Type: Number   Format: Length

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

Bar2DWingChart
  
gutterRight
Type: Number   Format: Length

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

Bar2DWingChart
  
gutterTop
Type: Number   Format: Length

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

Bar2DWingChart
  
height
Type: Number   Format: Length

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

Bar2DWingChart
  
horizontalAxis
Type: Object
차트의 가로축을 정의합니다. 보통 영역차트의 경우 X축은 CategoryAxis 를 사용하나 경우에 따라 LinearAxis, DateTimeAxis 를 정의할 수 있습니다. The default value is LinearAxis.		Bar2DWingChart
  
horizontalAxisOpp
Type: Object
차트의 왼쪽 영역의 가로축을 설정 합니다. 보통 영역차트의 경우 X축은 CategoryAxis 를 사용하나 경우에 따라 LinearAxis, DateTimeAxis 를 정의할 수 있습니다. The default value is LinearAxis. 		Bar2DWingChart
  
horizontalAxisRenderers
Type: Object
가로축 렌더러를 정의합니다. 예를 들어 가로축의 위치, 색깔, 텍스트 스타일 등을 새로 정의하기 위해서는 렌더러를 정의할 필요가 있습니다. 유효 객체는 Axis2DRenderer 입니다. 		Bar2DWingChart
  
id
Type: String

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

설정된 id를 통해 해당 객체에 접근이 가능합니다.
Bar2DWingChart
  
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:값
Bar2DWingChart
  
maxBarWidth
Type: Number   Format: Length
바(bar)의 width를 픽셀 단위로 지정합니다.
실제 바(bar)의 width 는 barWidthRatio property 와 maxBarWidth property 를 계산하여 작은 값이 적용됩니다 		Bar2DWingChart
  
maximumLabelPadding
Type: Number
차트에 padding, gutter이외의 여백을 적용 합니다. 차트 아이템의 수치표시가 출력 범위를 벗어나 잘리게 되는 경우 유용합니다.
이 값은 px단위로 적용 됩니다. 		Bar2DWingChart
  
paddingBottom
Type: Number   Format: Length

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

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

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

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

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

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

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

The default value is 3.		Bar2DWingChart
  
selectionMode
Type: String

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

The default value is none.		Bar2DWingChart
  
series
Type: Object
실질적으로 데이터를 표현하는 영역 시리즈를 정의합니다. 유효 객체는 차트의 Series 입니다.
예)Column2DSeries, Area2DSet, Column3DSet, Bar3DSeries 등등
Bar2DWingChart
  
seriesFilters
Type: Object
시리즈에 적용할 필터를 정의합니다. 유효 객체는 DropShadowFilter 입니다. 		Bar2DWingChart
  
showDataTips
Type: Boolean

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

The default value is false.		Bar2DWingChart
  
styleName
Type: String

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

Bar2DWingChart
  
textDecoration
Type: String

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

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

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

The default value is 0.		Bar2DWingChart
  
type
Type: String
rMate Bar2DWingChart 의 표현 유형을 나타냅니다.
유효한 값은 아래와 같습니다.
  • "clustered": 해당 시리즈를 위에 나열하듯 그대로 표현합니다. 이것이 디폴트입니다.
  • "overlaid": 복수의 시리즈들을 덮어씌우듯 표현합니다. 마지막에 지정된 시리즈가 맨 위에 나타납니다.
  • "stacked": 복수의 시리즈들을 쌓아올려 표현합니다. 모든 시리즈는 그 아래에 있는 모든 값의 누적치를 나타냅니다.
  • "100%": 복수의 시리즈들을 쌓아올려 표현하되 가로 영역을 100%로 잡고 출력시킵니다.
The default value is "clustered".		Bar2DWingChart
  
verticalAxis
Type: Object
차트의 세로축을 정의합니다. 보통 영역차트의 경우 Y축은 LinearAxis 를 사용하나 경우에 따라 CategoryAxis, DateTimeAxis 를 정의할 수 있습니다. The default value is LinearAxis.		Bar2DWingChart
  
verticalAxisRenderers
Type: Object
세로축 렌더러를 정의합니다. 예를 들어 세로축의 위치, 색깔, 텍스트 스타일 등을 새로 정의하기 위해서는 렌더러를 정의할 필요가 있습니다. 유효 객체는 Axis2DRenderer 입니다. 		Bar2DWingChart
  
width
Type: Number   Format: Length

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

Bar2DWingChart



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