Bubblepieoptions - RealChart

BubblePieOptions extends `ChartItemOptions`

버블 시리즈의 각 버블 내부에 파이 차트를 표시하기 위한 설정.
fields로 지정한 데이터 필드들의 값을 비율로 계산하여 파이 조각으로 표현한다.

Options

categories: `Array` (opens in a new tab)<`string` (opens in a new tab)>

각 파이 조각의 표시 라벨 배열.
fields와 동일한 순서로 지정한다. 툴팁이나 범례에서 필드명 대신 이 라벨이 사용된다.

"pie": {
    "fields": ["sales", "cost", "profit"],
    "categories": ["매출", "비용", "이익"]
}

미지정 시 fields의 필드명이 그대로 사용된다.

default :undefined

clockwise: `boolean` (opens in a new tab)

true면 시계 방향으로 회전한다.

default :true

colors: `string` (opens in a new tab) | `Array` (opens in a new tab)<`string` (opens in a new tab)>

파이 조각별 색상을 지정한다.
색 배열로 지정하거나, 'colors' asset으로 등록된 이름을 지정할 수 있다.
또, 'palette-name@palette'나 'palette-name@pal' 형식으로 설정해서 라이브러리가 기본 css로 제공하는 palette 색상 배열을 사용할 수 있다.
미지정 시 차트 팔레트 색상이 순서대로 적용된다.

default :undefined

fields: `Array` (opens in a new tab)<`string` (opens in a new tab) | `>` | `Array` (opens in a new tab) | `\<` | `number` (opens in a new tab)>

파이 조각 값을 가져올 데이터 필드명 배열.
각 필드의 값이 하나의 파이 조각이 된다. 데이터포인트 json 객체의 속성명과 일치해야 한다.

// json 객체 데이터 — 속성명으로 접근
"pie": { "fields": ["sales", "cost", "profit"] },
"data": [{ "x": 5, "y": -6, "z": 50, "sales": 30, "cost": 25, "profit": 45 }]
 
// 배열 데이터 — 인덱스로 접근
"pie": { "fields": [3, 4, 5] },
"data": [[5, -6, 50, 30, 25, 45]]