# 環狀箱型圖
### 預覽圖
---
[](https://book.gosu.bar/uploads/images/gallery/2019-12/1dcgl5ozWxnNwFfJ-%E6%A5%B5%E5%BA%A7%E6%A8%99%E7%AE%B1%E5%9E%8B%E5%9C%96.png)
### 設定值
---
- #### 資料源
```
[{
x: 'Oceania',
low: 1,
q1: 9,
median: 16,
q3: 22,
high: 24
}, {
x: 'East Europe',
low: 1,
q1: 5,
median: 8,
q3: 12,
high: 16
}, {
x: 'Australia',
low: 1,
q1: 8,
median: 12,
q3: 19,
high: 26
}, {
x: 'South America',
low: 2,
q1: 8,
median: 12,
q3: 21,
high: 28
}, {
x: 'North Africa',
low: 1,
q1: 8,
median: 14,
q3: 18,
high: 24
}, {
x: 'North America',
low: 3,
q1: 10,
median: 17,
q3: 28,
high: 30
}, {
x: 'West Europe',
low: 1,
q1: 7,
median: 10,
q3: 17,
high: 22
}, {
x: 'West Africa',
low: 1,
q1: 6,
median: 8,
q3: 13,
high: 16
}]
```
- #### 內距
```
50, 50, 100
```
- #### 前置處理函數 Transform
##### 數據加工(map)
列表 | 設定值 |
類型 | 數據加工 |
加工函數 | ```
function callback(obj) { obj.range = [obj.low, obj.q1, obj.median, obj.q3, obj.high]; return obj;}
```
|
- #### 比例尺 Scale
##### range( Y軸 )
列表 | 設定值 |
欄位 | range |
類型 | linear |
優化數據範圍 | 開啟 |
最大值 | 35 |
- #### 圖 Geom
##### K線圖( schema )
列表 | 設定值 |
欄位 | x\*range
|
類型 | K線圖 |
顏色欄位 | x
|
形狀 | box |
大小 | 60 |
- #### 圖示 Legend
列表 | 設定值 |
啟用 | 開啟 |
欄位 | x |
位置 | 下 |
排版 | 水平 |
自動換行 | 開啟 |
- #### 極坐標 Coord