正在準備工作環境...
折線圖 + 圓餅圖：趨勢分析和佔比分析
你會學到
- 用折線圖觀察月度趨勢（CTR、ROAS）
- 用圓餅圖顯示流量/訂單來源佔比
- 在同一頁擺放多張圖，說完「趨勢」也說清「組成」
Demo：季節性趨勢（折線圖）
場景：Q1 廣告 CTR 與 ROAS 變化。
Demo：渠道佔比（圓餅圖）
場景：3 月訂單來源：Facebook Ads、Google Ads、LINE 官方帳號、自然流量。
練習（視覺驗證）
- 將 CTR 3 月提高到 3.2%，觀察與 ROAS 的關聯是否同步。
- 將圓餅改成
doughnut並調整cutout: '45%'，讓中間可放數字。 - 把「自然流量」拆成「SEO」與「直接流量」，重新分配比例並確認顏色清晰。
練習題
AI 協作：學了這個，跟 AI 怎麼配合？
折線圖看趨勢、圓餅圖看佔比。選錯圖表類型，資料的故事就說偏了。
你的人類優勢：
- 你知道什麼時候看趨勢（折線圖）、什麼時候看比例（圓餅圖）
- 你能判斷圓餅圖類別太多（>6 個）時該改用其他圖表
可以這樣跟 AI 說：
我有 12 個月的銷售資料和 5 個產品線的營收佔比，幫我分別畫折線圖和圓餅圖。
互動示範
DEMO 1可以修改程式碼試玩
DEMO 2可以修改程式碼試玩
挑戰任務
Task 1
畫一張折線圖，顯示 1 月到 6 月的月營收趨勢：[150, 180, 220, 195, 240, 310]（單位萬元），加上圖表標題「上半年營收趨勢」
Task 2
畫一張甜甜圈圖（doughnut），顯示訂單來源佔比：FB 40%、Google 30%、LINE 20%、自然 10%，圖例放底部
Task 3
畫一張雙折線圖，比較兩個渠道 1-4 月的 CTR 變化：Facebook [1.8, 2.0, 2.3, 2.5]、Google [2.2, 2.1, 2.4, 2.6]，線條用不同顏色區分
Task 4
畫一張圓餅圖顯示客戶年齡分布：18-24歲 15%、25-34歲 35%、35-44歲 30%、45歲以上 20%，加上圖表標題「客戶年齡分布」
← BackNext Lesson →