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

設定值
[{
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
|
一維箱型圖
預覽圖

設定值
[{
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
|
環狀箱型圖
預覽圖

設定值
[{
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 |
位置 |
下 |
排版 |
水平 |
自動換行 |
開啟 |
基礎箱型圖 (有異常值)
預覽圖

設定值
[{
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軸 )
K線圖( schema )
列表 |
設定值 |
欄位 |
x*range
|
類型 |
K線圖 |
形狀 |
box |
點圖( point )
列表 |
設定值 |
欄位 |
x*outliers |
類型 |
點圖 |
形狀 |
circle |
大小 |
3 |