Skip to main content

堆疊面積圖

和基本面積圖一樣，唯一的區別就是圖上每一個數據集的起點不同，起點是基於前一個數據集的，用於估計顯示每個數值所佔大小隨時間或類別變化的趨勢線，展示的是部分與整體的關係。

層疊面積圖上的最大的面積代表了所有的數據量的總和，是一個整體。各個疊起來的面積表示各個數據量的大小，這些堆疊起來的面積圖在表現大數據的總量分量的變化情況時格外有用，所以層疊面積圖不適用於表示帶有負值的數據集。非常適用於對比多變量隨時間而變化的程度，也可用於引起人們對總值趨勢的注意。他們最常用於表現趨勢和關係，而不是傳達特定的值情況。

預覽圖

基礎面積圖.png堆疊面積圖.png

設定值

  • 資料源

[{
  country: 'Asia',
  year: '1991'1750',
  value: 15468502
}, {
  country: 'Asia',
  year: '1992'1800',
  value: 16100635
}, {
  country: 'Asia',
  year: '1993'1850',
  value: 15900809
}, {
  country: 'Asia',
  year: '1994'1900',
  value: 174095268
}, {
  country: 'Asia',
  year: '1995'1950',
  value: 170004400
}, {
  year:country: '1996'Asia',
  value: 31056
}, {
  year: '1997',
  value: 31982
}, {
  year: '1998',
  value: 32040
}, {
  year: '1999',
  value: 332333634
}, {
  country: 'Asia',
  year: '2050',
  value: 947
}, {
  country: 'Africa',
  year: '1750',
  value: 106
}, {
  country: 'Africa',
  year: '1800',
  value: 107
}, {
  country: 'Africa',
  year: '1850',
  value: 111
}, {
  country: 'Africa',
  year: '1900',
  value: 1766
}, {
  country: 'Africa',
  year: '1950',
  value: 221
}, {
  country: 'Africa',
  year: '1999',
  value: 767
}, {
  country: 'Africa',
  year: '2050',
  value: 133
}, {
  country: 'Europe',
  year: '1750',
  value: 163
}, {
  country: 'Europe',
  year: '1800',
  value: 203
}, {
  country: 'Europe',
  year: '1850',
  value: 276
}, {
  country: 'Europe',
  year: '1900',
  value: 628
}, {
  country: 'Europe',
  year: '1950',
  value: 547
}, {
  country: 'Europe',
  year: '1999',
  value: 729
}, {
  country: 'Europe',
  year: '2050',
  value: 408
}, {
  country: 'Oceania',
  year: '1750',
  value: 200
}, {
  country: 'Oceania',
  year: '1800',
  value: 200
}, {
  country: 'Oceania',
  year: '1850',
  value: 200
}, {
  country: 'Oceania',
  year: '1900',
  value: 460
}, {
  country: 'Oceania',
  year: '1950',
  value: 230
}, {
  country: 'Oceania',
  year: '1999',
  value: 300
}, {
  country: 'Oceania',
  year: '2050',
  value: 300
}]

  • 內距

40,40, 60,80, 60

  • 比例尺 Scale

year 比例尺 （ X軸 ）

列表 設定值
欄位

year

類型

 linear
刻度間距 150
優化數據範圍 開啟
value 比例尺 （ Y軸 ）
列表設定值
欄位value
類型linear
優化數據範圍開啟
最小值10000
最大值35000
格式化函數 
function formatter(val) {
  return (val / 10000).toFixed(1) + 'k';
}

  • 圖 Geom

區域圖（ area ）
列表 設定值
欄位 year*value
類型 區域圖
顏色欄位country
調整欄位堆疊 | stack
線圖（ Line ）
列表 設定值
欄位

year*value
類型 線圖

顏色欄位

country
大小2
調整欄位
 		堆疊 | stack

  • 圖示 Legend

列表設定值
啟用開啟
欄位country
位置下
排版水平
Back to top