Skip to main content

區間面積圖

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

層疊面積圖上的最大的面積代表了所有的數據量的總和,是一個整體。各個疊起來的面積表示各個數據量的大小,這些堆疊起來的面積圖在表現大數據的總量分量的變化情況時格外有用,所以層疊面積圖不適用於表示帶有負值的數據集。非常適用於對比多變量隨時間變化的情況。

預覽圖


堆疊面積圖.png區間面積圖.png

設定值


  • 資料源

[{
  country:time: 'Asia',1246406400000,
  year:constest: '1750',21.5,
  value:temperature: 502[14.3, 27.7]
}, {
  country:time: 'Asia',1246492800000,
  year:constest: '1800',22.1,
  value:temperature: 635[14.5, 27.8]
}, {
  country:time: 'Asia',1246579200000,
  year:constest: '1850',23,
  value:temperature: 809[15.5, 29.6]
}, {
  country:time: 'Asia',1246665600000,
  year:constest: '1900',23.8,
  value:temperature: 5268[16.7, 30.7]
}, {
  country:time: 'Asia',1246752000000,
  year:constest: '1950',21.4,
  value:temperature: 4400[16.5, 25.0]
}, {
  country:time: 'Asia',1246838400000,
  year:constest: '1999',21.3,
  value:temperature: 3634[17.8, 25.7]
}, {
  country:time: 'Asia',1246924800000,
  year:constest: '2050',18.3,
  value:temperature: 947[13.5, 24.8]
}, {
  country:time: 'Africa',1247011200000,
  year:constest: '1750',15.4,
  value:temperature: 106[10.5, 21.4]
}, {
  country:time: 'Africa',1247097600000,
  year:constest: '1800',16.4,
  value:temperature: 107[9.2, 23.8]
}, {
  country:time: 'Africa',1247184000000,
  year:constest: '1850',17.7,
  value:temperature: 111[11.6, 21.8]
}, {
  country:time: 'Africa',1247270400000,
  year:constest: '1900',17.5,
  value:temperature: 1766[10.7, 23.7]
}, {
  country:time: 'Africa',1247356800000,
  year:constest: '1950',17.6,
  value:temperature: 221[11.0, 23.3]
}, {
  country:time: 'Africa',1247443200000,
  year:constest: '1999',17.7,
  value:temperature: 767[11.6, 23.7]
}, {
  country:time: 'Africa',1247529600000,
  year:constest: '2050',16.8,
  value:temperature: 133[11.8, 20.7]
}, {
  country:time: 'Europe',1247616000000,
  year:constest: '1750',17.7,
  value:temperature: 163[12.6, 22.4]
}, {
  country:time: 'Europe',1247702400000,
  year:constest: '1800',16.3,
  value:temperature: 203[13.6, 19.6]
}, {
  country:time: 'Europe',1247788800000,
  year:constest: '1850',17.8,
  value:temperature: 276[11.4, 22.6]
}, {
  country:time: 'Europe',1247875200000,
  year:constest: '1900',18.1,
  value:temperature: 628[13.2, 25.0]
}, {
  country:time: 'Europe',1247961600000,
  year:constest: '1950',17.2,
  value:temperature: 547[14.2, 21.6]
}, {
  country:time: 'Europe',1248048000000,
  year:constest: '1999',14.4,
  value:temperature: 729[13.1, 17.1]
}, {
  country:time: 'Europe',1248134400000,
  year:constest: '2050',13.7,
  value:temperature: 408[12.2, 15.5]
}, {
  country:time: 'Oceania',1248220800000,
  year:constest: '1750',15.7,
  value:temperature: 200[12.0, 20.8]
}, {
  country:time: 'Oceania',1248307200000,
  year:constest: '1800',14.6,
  value:temperature: 200[12.0, 17.1]
}, {
  country:time: 'Oceania',1248393600000,
  year:constest: '1850',15.3,
  value:temperature: 200[12.7, 18.3]
}, {
  country:time: 'Oceania',1248480000000,
  year:constest: '1900',15.3,
  value:temperature: 460[12.4, 19.4]
}, {
  country:time: 'Oceania',1248566400000,
  year:constest: '1950',15.8,
  value:temperature: 230[12.6, 19.9]
}, {
  country:time: 'Oceania',1248652800000,
  year:constest: '1999',15.2,
  value:temperature: 300[11.9, 20.2]
}, {
  country:time: 'Oceania'1248739200000,
  constest: 14.8,
  temperature: [11.0, 19.3]
}, year:{
  '2050'time: 1248825600000,
  constest: 14.4,
  temperature: [10.8, 17.8]
}, value:{
  300time: 1248912000000,
  constest: 15,
  temperature: [11.8, 18.5]
}, {
  time: 1248998400000,
  constest: 13.6,
  temperature: [10.8, 16.1]
}]
  • 內距

40,40, 80,60, 60
  • 比例尺 Scale

yeartimeX軸 比例尺 ( X軸 )

列表 設定值
欄位

yeartime

類型

linear
刻度間距time50
優化數據範圍 開啟
時間格式MM-DD

constest(Y軸 )
列表設定值
欄位constest
類型linear
優化數據範圍開啟
最小值5
最大值35
temperature( Y軸 )
列表設定值
欄位temperature
類型linear
優化數據範圍開啟
最小值5
最大值35
  • 軸座標 Axis

constest( Y軸 )
列表設定值
欄位constest
啟用關閉
  • 圖 Geom

區域圖( area )
列表 設定值
欄位 year*valuetime*temperature
類型 區域圖
顏色欄位country
調整欄位堆疊 | stack
線圖( Line )
列表 設定值
欄位

year*valuetime*constest

類型 線圖

顏色欄位

country
大小 2
調整欄位
堆疊 | stack
    點圖(
  • point

    圖示 Legend

列表 設定值
啟用欄位 開啟time*constest
欄位類型 country點圖
位置形狀 circle
排版樣式 - 顏色 水平#ffffff
樣式 - 寬度1