堆疊折線圖

概述

堆疊折線圖將每條序列疊加在前一條之上，使最頂部的折線代表累積總計。與堆疊面積圖不同，這裡沒有填色 — 焦點停留在折線路徑上，讓追蹤個別序列更容易，同時仍能傳達整體總和。

何時使用

跨部門、產品或區域呈現累積總量
同時比較個別貢獻與總體趨勢
面積填色過於厚重或干擾視覺時
顯示加法組成，每一層真正加總為總計
傳達每位貢獻者的成長如何影響整體

不適用

個別序列數值比累積總量更重要時（使用基礎多序列折線）
比較上層序列的精確數值時（它們坐落在移動基線上）
存在負值且未妥善處理時（堆疊邏輯會崩潰）
超過 5–6 條序列時（折線會糾纏不清）

關鍵變體

是否顯示點標記
平滑 vs 折角過渡
百分比堆疊（正規化至 100%）
搭配淡面積填色的混合風格
虛線表示預測序列

使用情境

區域銷售：各區域月營收堆疊呈現全國總量
人資：各團隊人數成長堆疊呈現公司總人數
SaaS 指標：各定價層級 MRR 堆疊呈現總 MRR
物流：各倉庫每日出貨量堆疊呈現總吞吐量
能源：各來源發電量堆疊呈現電網總輸出
教育：各學程學生人數堆疊呈現大學總註冊人數

在折線圖產生器中快速設定

準備 CSV 資料，欄位包含 x、y 和 series。
上傳或貼上資料。
選擇「Stacked Line」圖表類型。
隱藏點標記以獲得更乾淨的外觀（showPoints: false）。
啟用圖例和工具提示以精確讀取數值。
匯出為 PNG/SVG 或分享連結。

資料（CSV）

x,y,series
2025-01-01,20,Region A
2025-01-02,25,Region A
2025-01-03,28,Region A
2025-01-04,32,Region A
2025-01-05,35,Region A
2025-01-06,38,Region A
2025-01-07,42,Region A
2025-01-01,15,Region B
2025-01-02,18,Region B
2025-01-03,22,Region B
2025-01-04,25,Region B
2025-01-05,28,Region B
2025-01-06,32,Region B
2025-01-07,35,Region B
2025-01-01,10,Region C
2025-01-02,12,Region C
2025-01-03,15,Region C
2025-01-04,18,Region C
2025-01-05,20,Region C
2025-01-06,23,Region C
2025-01-07,26,Region C

圖表設定（JSON）

效能提示

限制 5–6 條序列以保持清晰度；將小貢獻者合併為「其他」
啟用互動式工具提示 — 上層序列數值在視覺上很難精確讀取
考慮使用符合領域慣例的配色（如：暖色系用於銷售區域）
在簡報投影片中，可在最頂部額外疊加一條總量線以加強強調

常見問題

堆疊折線 vs 堆疊面積 — 何時不需要填色？ 當折線路徑本身就能說故事時，不需要填色。面積填色強調幅度和質量感；省略填色則強調軌跡和變化速率。實際上，堆疊折線比堆疊面積少見 — 當你的受眾分析能力較強且填色感覺「太厚重」時使用。

如何讀取中間序列的數值？ 與堆疊面積相同：量測該序列折線與下方折線之間的垂直間距。互動式工具提示可以消除猜測。

可以混合堆疊與非堆疊的序列嗎？ 可以，但要小心。你可以堆疊三個區域，並在上方疊加一條獨立的「目標」非堆疊線。確保非堆疊序列有明確不同的視覺風格（虛線、不同色彩），讓讀者不會與累積總量混淆。

序列順序應該如何排列？ 最穩定的序列放在底層（最靠近基線），因為它最容易精確閱讀。波動較大或較小的序列放在上層。

什麼時候應該使用百分比堆疊？ 當佔比變動比絕對數字更重要時 — 例如「A 區域的銷售佔比是否成長了？」百分比堆疊將總量正規化為 100%，消除整體成長或衰退的影響。

某條序列在時間範圍中途才開始怎麼辦？ 用零填充較早的缺失值，使堆疊運算正確。可選用虛線或標註說明「此序列尚未存在」，以避免暗示零貢獻。

Example

Guide

概述