前言

面積圖是強調數量隨時間變化的圖，相較於折線圖，面積圖用在總數更可以引起注意。

準備資料

• 經濟部統計處 下載一年內的餐飲業營業額
  

• 整理資料，轉成 utf8 編碼 csv 檔案。
  

開始畫圖

• 上傳檔案
• 選擇 Area Plot
  
• 修改傳入參數

Plot.plot({
  width: 1000,
  y: {
    domain: [0, 1000],
    label: "餐飲業營業額(億元)"
  },
  marks: [
    Plot.areaY(income1, {x: "時間", y: "餐飲業營業額"}),
    Plot.ruleY([0])
  ]
})

• 美化圖片

Plot.plot({
  width: 1000,
  y: {
    domain: [0, 1000],
    label: "餐飲業營業額(億元)",
    // 加上 y 軸格線
    grid: true
  },
  marks: [
    Plot.areaY(income1, {x: "時間", y: "餐飲業營業額", fill: "steelblue"}), // 修改線條下面積顏色
    Plot.ruleY([0]),
    // 加上資料線
    Plot.lineY(income1, {x: "時間", y: "餐飲業營業額"}),
  ]
})

結論

面積圖更能看出營業額的變化，或許是因為疫情高峰導致去年七月份和今年五月份餐飲業的營業總額較低。