# 環狀箱型圖 ### 預覽圖 --- [![極座標箱型圖.png](https://book.gosu.bar/uploads/images/gallery/2019-12/scaled-1680-/1dcgl5ozWxnNwFfJ-%E6%A5%B5%E5%BA%A7%E6%A8%99%E7%AE%B1%E5%9E%8B%E5%9C%96.png)](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
列表設定值
類型極座標系
空心圓半徑0.4