| Style | Description | Defined by |
| |
color
| Type: uint Format: Color
글자색을 RGB로 지정합니다.
The default value is 0x0B333C . | Pie2DSeries |
| |
explodable
| Type: Boolean
마우스 클릭 시 도넛, 파이차트의 조각이 떨어져 나오는 효과를 나타냅니다.
The default value is true . | Pie2DSeries |
| |
field
| Type: String
파이로 표현하고자 하는 실질적인 데이터의 필드명를 지정합니다.
| Pie2DSeries |
| |
fillJsFunction
| Type: String
차트의 채우기 색을 특정 조건에 따라 지정하는 사용자 정의 함수입니다.
layout XML 에서 Series 속성을 넣을 때 fillJsFunction 을 주고, 만든 javascript 함수명을 넣어줍니다.
예) <Plot2DSeries field="Profit" fillJsFunction="fillJsFunc">
fillJsFunction 의 signature 는 아래와 같습니다.
function_name(seriesId, index, values) { ... }
index : 해당 아이템의 인덱스
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축 값
- 플롯시리즈(Plot2DSeries) 0:x축 값, 1:y축 값
- 파이시리즈(Pie2DSeries, Pie3DSeries) 0:값, 1:퍼센티지, 2:nameField
- From-To Chart 에서 minField 를 지정했다면 values 의 마지막 인덱스 값에 minField 값이 들어옵니다.
- 매트릭스시리즈 (Matrix2DSeries) 0:x축 값, 1:y축 값, 2:z축 값
| Pie2DSeries |
| |
fills
| Type: Object
시리즈에서 각각의 아이템렌더러의 fill 컬러를 지정하는 fill 객체 배열을 정의합니다.
만약 시리즈의 모든 아이템렌더러에 충분한 fill 컬러를 지정하지 않았다면 지정된 색깔이 반복됩니다.
예를 들어, 시리즈의 아이템이 10개 인 경우 5개의 fill 컬러를 지정하였다면 5개를 칠한 후 다시 5개를 칠하게 됩니다.
<Plot2DSeries ... >
<fills>
<SolidColor color="0xCC66FF"/>
<SolidColor color="0x9966CC"/>
<SolidColor color="0x9999CC"/>
</fills>
</Plot2DSeries>
| Pie2DSeries |
| |
fontFamily
| Type: String
사용할 폰트명을 지정합니다. 기본적으로 시스템 폰트를 사용합니다.
The default value is "Verdana" . | Pie2DSeries |
| |
fontSize
| Type: Number Format: Length
글자의 크기를 픽셀단위로 지정합니다.
The default value is 12 . | Pie2DSeries |
| |
fontStyle
| Type: String
이텔릭체로 글자를 표현할지를 나타냅니다. 유효값은 "normal", "italic" 입니다..
The default value is "normal" . | Pie2DSeries |
| |
fontWeight
| Type: String
볼드체로 글자를 표현할지를 나타냅니다. 유효값은 "normal", "bold" 입니다..
The default value is "bold" . | Pie2DSeries |
| |
formatter
| Type: Object
수치 라벨을 NumberFormatter 또는 CurrencyFormatter, DateFormatter 로 재설정 하여 출력시키게끔 포매터를 지정합니다.
| Pie2DSeries |
| |
id
| Type: String
id를 설정합니다. id는 사용자에 의해 정의된 임의의 고유값입니다.
설정된 id를 통해 해당 객체에 접근이 가능합니다.
| Pie2DSeries |
| |
innerRadius
| Type: Number
파이 가운데에 어느정도의 구멍을 만들지 결정합니다. 이 값은 전체 파이 차트의 퍼센티지에 해당됩니다. 유효값은 0 ~ 1 입니다.
예를 들어 0.2 로 설정했다면 파이 크기의 20% 에 해당되는 구멍이 가운데 생깁니다. 도넛차트는 이와 같이 생성됩니다.
The default value is 0 . | Pie2DSeries |
| |
insideLabelRatio
| Type: Number
labelPosition이 inside일 경우 파이의 가장자리에서부터 안쪽까지 중 수치 라벨을 어느곳에 출력할지 결정합니다.
0에 가까울수록 안쪽, 1에 가까울 수록 가장자리에 위치함
The default value is 0.7 . | Pie2DSeries |
| |
labelField
| Type: String
labelPositon 을 설정한 경우 수치 필드로 표현하고자 하는 데이터의 필드명을 지정합니다. 지정하지 않을 경우 field 로 삽입한 필드명이 표시됩니다.
| Pie2DSeries |
| |
labelJsFunction
| Type: String
칼럼, 파이, 바 챠트에서 labelPosition 속성을 설정한 경우 수치 필드를 사용자 정의하는 함수입니다.
layout XML 에서 Series 속성을 넣을때 labelJsFunction 주고, 만든 javascript 함수명을 넣어줍니다
예) <Pie2DSeries field="Profit" nameField="Month" labelPosition="inside" labelJsFunction="pieSeriesLabelFunc" />
labelJsFunction 의 signature 는 아래와 같습니다.
function_name(seriesId, index, data, values) { ... }
seriesId : 해당 시리즈의 id
index : 해당 아이템의 인덱스
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축 값
- 플롯시리즈(Plot2DSeries) 0:x축 값, 1:y축 값
- 파이시리즈(Pie2DSeries, Pie3DSeries) 0:값, 1:퍼센티지, 2:nameField
- From-To Chart 에서 minField 를 지정했다면 values 의 마지막 인덱스 값에 minField 값이 들어옵니다.
| Pie2DSeries |
| |
labelPosition
| Type: String
수치 라벨들을 어떻게 표현 할지를 나타냅니다.
가능한 값은 아래와 같습니다. :
"none" -
라벨을 표현 하지 않습니다.
"outside" -
파이 가장자리에 라벨을 표현합니다.
"callout" -
파이의 양쪽 가장 자리에 수직으로 라벨을 표현하고 해당 파이 아이템을 선으로 연결합니다.
"inside" -
파이 아이템의 안쪽에 라벨을 표현합니다.
"insideWithCallout" -
파이 아이템 안쪽에 라벨을 기본적으로 표현하고, 공간이 부족한 경우 해당 아이템은 callout 형태로 표현합니다.
The default value is "none" . | Pie2DSeries |
| |
nameField
| Type: String
해당 아이템의 이름에 해당되는 데이터의 필드명을 지정합니다.
| Pie2DSeries |
| |
perWedgeExplodeRadius
| Type: Array
파이 조각을 삐져나오게 하는 역할을 합니다.
5번째 파이 조각이 삐져 나오게 설정되었습니다. 만약 2, 7 번째 파이 조각이 삐져나오게 설정하려면 perWedgeExplodeRadius="[0, 0.1, 0, 0, 0, 0, 0.1]" 로 설정하면 됩니다.
| Pie2DSeries |
| |
radialStroke
| Type: Object
파이 조각을 나누는 선 즉, 반지름을 나타내는 선을 정의합니다. 유효 값은 Stroke 입니다.
| Pie2DSeries |
| |
reserveExplodeRadius
| Type: Number
파이 조각이 삐져 나오게 설정된 경우(explodable=true) 해당 영역을 예약해 놓습니다.
따라서 예약해 놓은 크기를 제외한 사이즈로 파이차트가 표현됩니다.
예약을 해놓음으로써 파이를 클릭 하더라도 파이 차트의 전체 크기에는 변화가 없도록 설정합니다.
유효값 0 또는 0.1 입니다.
The default value is 0 . | Pie2DSeries |
| |
showDataEffect
| Type: Object
차트에 데이터가 삽입되었을 경우 재생할 애니메이션 이펙트를 정의합니다. 유효값은 SeriesInterpolate, SeriesSlide, SeriesZoom 입니다.
| Pie2DSeries |
| |
startAngle
| Type: String
첫번째 아이템을 표현하는 시작 각도를 지정합니다.
파이차트의 가운데 점을 기준으로 오른쪽 가로방향이 0 도로 기본값(3시 방향)입니다.
The default value is 0 . | Pie2DSeries |
| |
stroke
| Type: Object
파이 테두리 선을 정의합니다. 유효 값은 Stroke 입니다.
| Pie2DSeries |
| |
styleName
| Type: String
Style 노드에서 정의한 스타일 이름을 지정합니다.
| Pie2DSeries |
| |
textDecoration
| Type: String
텍스트에 밑줄을 표시할지 결정합니다. 유효값은 "none", "underline" 입니다.
The default value is "none" . | Pie2DSeries |
| |
textIndent
| Type: Number Format: Length
텍스트에 들어쓰기를 픽셀단위로 결정합니다.
The default value is 0 . | Pie2DSeries |