箱型圖

箱型圖，又稱盒須圖、盒式圖或箱線圖，是一種用作顯示一組數據分佈情況的統計圖。

基礎箱型圖

如果一個數據集中包含了一個分類變量和一個或者多個連續變量，那麼你可能會想知道連續變量會如何隨著分類變量水平的變化而變化，而箱形圖就可以提供這種方法，它只用了5個數字對分佈進行概括，即一組數據的最大值、最小值、中位數、下四分位數及上四分位數。對於數據集中的異常值，通常會以單獨的點的形式繪製。箱形圖可以水平或者垂直繪製。箱形圖多用於數值統計，雖然相比於直方圖和密度曲線較原始簡單，但是它不需要佔據過多的畫布空間，空間利用率高，非常適用於比較多組數據的分佈情況。

預覽圖

基礎箱型圖.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
數據加工（ map ）
列表 設定值

類型

 數據加工
加工函數 
function callback(obj) {
obj.range = [obj.low, obj.q1, obj.median, obj.q3, obj.high];
return obj;}
K線圖（ schema ）
列表 設定值
欄位 x*range
類型

K線圖
形狀 box
樣式 - 顏色

#545454

一維箱型圖

預覽圖

一維箱型圖.png

設定值

[{
  low: 1,
  q1: 9,
  median: 16,
  q3: 22,
  high: 24
}]
40, 40, 60
數據加工（ map ）
列表 設定值

類型

 數據加工
加工函數 
function callback(obj) {
 obj.range = [obj.low, obj.q1, obj.median, obj.q3, obj.high];
 return obj;
}
K線圖（ schema ）
列表 設定值
欄位 range*1
類型

K線圖
形狀 box
樣式 - 顏色

#545454

環狀箱型圖

預覽圖

極座標箱型圖.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
數據加工（map）
列表 設定值
類型 數據加工
加工函數 
function callback(obj) {
 obj.range = [obj.low, obj.q1, obj.median, obj.q3, obj.high];
 return obj;}
range（ Y軸 ）
列表 設定值
欄位 range
類型 linear
優化數據範圍 開啟
最大值 35
K線圖（ schema ）
列表 設定值
欄位

x*range
類型 K線圖
顏色欄位

x
形狀 box
大小 60
列表 設定值
啟用 開啟
欄位 x
位置 下
排版 水平
自動換行 開啟
列表 設定值
類型 極座標系
空心圓半徑 0.4

基礎箱型圖 (有異常值)

預覽圖

異常值箱型圖.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
數據加工（ map ）
列表 設定值
類型 數據加工
加工函數 
function callback(obj) {
 obj.range = [obj.low, obj.q1, obj.median, obj.q3, obj.high];
 return obj;}
range（ Y軸 ）
列表 設定值
欄位 range
類型 linear
優化數據範圍 開啟
最小值 0
最大值 250000
outliers（ Y軸 ）
列表 設定值
欄位 outliers
類型 linear
優化數據範圍 開啟
最小值 0
最大值 250000
outliers（ Y軸 ）
列表 設定值
啟用 關閉
類型 outliers
K線圖（ schema ）
列表 設定值
欄位

x*range
類型 K線圖
形狀 box
點圖（ point ）
列表 設定值
欄位 x*outliers
類型 點圖
形狀 circle
大小 3