# 箱型圖 箱型圖,又稱盒須圖、盒式圖或箱線圖,是一種用作顯示一組數據分佈情況的統計圖。 # 基礎箱型圖 如果一個數據集中包含了一個分類變量和一個或者多個連續變量,那麼你可能會想知道連續變量會如何隨著分類變量水平的變化而變化,而箱形圖就可以提供這種方法,它只用了5個數字對分佈進行概括,即一組數據的最大值、最小值、中位數、下四分位數及上四分位數。對於數據集中的異常值,通常會以單獨的點的形式繪製。箱形圖可以水平或者垂直繪製。箱形圖多用於數值統計,雖然相比於直方圖和密度曲線較原始簡單,但是它不需要佔據過多的畫布空間,空間利用率高,非常適用於比較多組數據的分佈情況。 ### 預覽圖 --- [![基礎箱型圖.png](https://book.gosu.bar/uploads/images/gallery/2019-12/scaled-1680-/MzxqbdRc0HFReDPB-%E5%9F%BA%E7%A4%8E%E7%AE%B1%E5%9E%8B%E5%9C%96.png)](https://book.gosu.bar/uploads/images/gallery/2019-12/MzxqbdRc0HFReDPB-%E5%9F%BA%E7%A4%8E%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 }] ``` - #### 內距 ``` 40,40,80,60 ``` - #### 前置處理函數 Transform ##### 數據加工( map )
列表設定值
類型 數據加工
加工函數``` function callback(obj) {

obj.range = [obj.low, obj.q1, obj.median, obj.q3, obj.high];

return obj;} ```
- #### 圖 Geom ##### K線圖( schema )
列表設定值
欄位x\*range
類型K線圖
形狀box
樣式 - 顏色\#545454
# 一維箱型圖 ### 預覽圖 --- [![一維箱型圖.png](https://book.gosu.bar/uploads/images/gallery/2019-12/scaled-1680-/nDDKygDKZNRDrGxN-%E4%B8%80%E7%B6%AD%E7%AE%B1%E5%9E%8B%E5%9C%96.png)](https://book.gosu.bar/uploads/images/gallery/2019-12/nDDKygDKZNRDrGxN-%E4%B8%80%E7%B6%AD%E7%AE%B1%E5%9E%8B%E5%9C%96.png) ### 設定值 --- - #### 資料源 ``` [{ low: 1, q1: 9, median: 16, q3: 22, high: 24 }] ``` - #### 內距 ``` 40, 40, 60 ``` - #### 前置處理函數 Transform ##### 數據加工( map )
列表設定值
類型 數據加工
加工函數``` function callback(obj) {

obj.range = [obj.low, obj.q1, obj.median, obj.q3, obj.high];

return obj;

} ```
- #### 圖 Geom ##### K線圖( schema )
列表設定值
欄位range\*1
類型K線圖
形狀box
樣式 - 顏色\#545454
# 環狀箱型圖 ### 預覽圖 --- [![極座標箱型圖.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
# 基礎箱型圖 (有異常值) ### 預覽圖 --- #### [![異常值箱型圖.png](https://book.gosu.bar/uploads/images/gallery/2019-12/scaled-1680-/5vUX2wwGLP03L555-%E7%95%B0%E5%B8%B8%E5%80%BC%E7%AE%B1%E5%9E%8B%E5%9C%96.png)](https://book.gosu.bar/uploads/images/gallery/2019-12/5vUX2wwGLP03L555-%E7%95%B0%E5%B8%B8%E5%80%BC%E7%AE%B1%E5%9E%8B%E5%9C%96.png) ### 設定值 --- - #### 資料源 ``` [{ x: '職業 A', low: 20000, q1: 26000, median: 27000, q3: 32000, high: 38000, outliers: [50000, 52000] }, { x: '職業 B', low: 40000, q1: 49000, median: 62000, q3: 73000, high: 88000, outliers: [32000, 29000, 106000] }, { x: '職業 C', low: 52000, q1: 59000, median: 65000, q3: 74000, high: 83000, outliers: [91000] }, { x: '職業 D', low: 58000, q1: 96000, median: 130000, q3: 170000, high: 200000, outliers: [42000, 210000, 215000] }, { x: '職業 E', low: 24000, q1: 28000, median: 32000, q3: 38000, high: 42000, outliers: [48000] }, { x: '職業 F', low: 47000, q1: 56000, median: 69000, q3: 85000, high: 100000, outliers: [110000, 115000, 32000] }, { x: '職業 G', low: 64000, q1: 74000, median: 83000, q3: 93000, high: 100000, outliers: [110000] }, { x: '職業 H', low: 67000, q1: 72000, median: 84000, q3: 95000, high: 110000, outliers: [57000, 54000] }] ``` - #### 內距 ``` 40, 40, 60, 60 ``` - #### 前置處理函數 Transform ##### 數據加工( map )
列表設定值
類型數據加工
加工函數``` function callback(obj) {

obj.range = [obj.low, obj.q1, obj.median, obj.q3, obj.high];

return obj;} ```
- #### 比例尺 Scale ##### range( Y軸 )
列表設定值
欄位range
類型linear
優化數據範圍開啟
最小值0
最大值250000
##### outliers( Y軸 )
列表設定值
欄位outliers
類型linear
優化數據範圍開啟
最小值0
最大值250000
- #### 軸座標 Axis ##### outliers( Y軸 )
列表設定值
啟用關閉
類型outliers
- #### 圖 Geom ##### K線圖( schema )
列表設定值
欄位x\*range
類型K線圖
形狀box
##### 點圖( point )
列表設定值
欄位x\*outliers
類型點圖
形狀circle
大小3