# 基礎面積圖 面積圖用於估計數量隨時間而變化的程度,也可用於引起人們對總值趨勢的注意。他們最常用於表現趨勢和關係,而不是傳達特定的值。 ### 預覽圖 --- [![基礎面積圖.png](https://book.gosu.bar/uploads/images/gallery/2019-12/scaled-1680-/VBNiArBcaBKJH8cB-%E5%9F%BA%E7%A4%8E%E9%9D%A2%E7%A9%8D%E5%9C%96.png)](https://book.gosu.bar/uploads/images/gallery/2019-12/VBNiArBcaBKJH8cB-%E5%9F%BA%E7%A4%8E%E9%9D%A2%E7%A9%8D%E5%9C%96.png) ### 設定值 --- - #### 資料源 ``` [{ year: '1991', value: 15468 }, { year: '1992', value: 16100 }, { year: '1993', value: 15900 }, { year: '1994', value: 17409 }, { year: '1995', value: 17000 }, { year: '1996', value: 31056 }, { year: '1997', value: 31982 }, { year: '1998', value: 32040 }, { year: '1999', value: 33233 }] ``` - #### 內距 ``` 40,40, 60, 60 ``` - #### 比例尺 Scale ##### year 比例尺 ( X軸 )
列表設定值
欄位year
類型 linear
刻度間距1
優化數據範圍開啟
##### value 比例尺 ( Y軸 )
列表設定值
欄位value
類型linear
優化數據範圍開啟
最小值10000
最大值35000
格式化函數``` function formatter(val) {

return (val / 10000).toFixed(1) + 'k';

} ```
- #### 圖 Geom ##### 區域圖( area )
列表設定值
欄位year\*value
類型區域圖
##### 線圖( Line )
列表設定值
欄位year\*value
類型線圖