多序列折線圖

概述

多序列折線圖在同一條 X 軸與同一條 Y 軸上畫出兩條以上的折線，讓每條序列都落在同一個共用尺度上。這是比較相關數量隨時間變化最常用的方式——地區、產品、通路或族群——也最容易看出誰領先、誰落後、何處交叉、誰拉開差距。因為所有線共用單位，比較才會直接而誠實。若兩個指標單位或尺度不同，請改用雙軸折線圖。想看完整的折線圖型錄，可參考折線圖的各種類型。

何時使用

• 跨多個群組比較同一指標（各區銷售、各方案用戶）
• 在同一尺度上追蹤競品或產品
• 呈現多個族群或區隔在同一時間窗的演變
• 顯示交叉點——某條線超越另一條的時刻
• 把實際值 vs 目標 vs 預測畫成三條線

不適用

• 各序列單位或尺度不同時——改用雙軸圖
• 線超過約 6～7 條時——圖會變成義大利麵；考慮小型多重圖或一次只突顯一條
• 目標是「部分對整體」的組成時——堆疊面積圖更能表達占比
• 類別無順序時——分組長條圖往往更清楚

關鍵變體

• 每條序列不同顏色，搭配圖例
• 突顯一條線、其餘灰化（焦點 + 脈絡）
• 在線尾直接標籤，取代圖例
• 稀疏資料用節點標記，密集資料則不用

使用情境

• 各區銷售走勢：北、南、東、西畫在同一張圖
• SaaS 方案：免費 vs Pro vs 企業版的活躍用戶
• 行銷通路：自然、付費、推薦、社群的工作階段
• 問卷分數：多題逐季追蹤
• 運動或金融：多隊或多檔逐期比較

在 Line Graph Maker 的快速設定

1. 使用寬格式：第一欄是共用的 X 軸，後面每一欄是一條序列。若資料是 JSON，可先用我們免費的 JSON 轉 CSV 工具 轉成 CSV。
2. 讓所有序列維持相同單位，才能誠實共用一條 Y 軸。
3. 開啟圖例；序列少時可改用線尾直接標籤。
4. 控制線的數量；若太擁擠，突顯一條、其餘灰化。

資料（CSV）

月份,北區,南區,東區,西區
1月,42,31,28,19
2月,45,33,30,22
3月,48,30,33,24
4月,52,35,31,27
5月,55,38,36,29
6月,53,41,39,31
7月,58,43,38,34
8月,61,45,42,36
9月,59,48,45,38
10月,64,50,47,41
11月,67,52,49,43
12月,71,55,53,46

圖表設定（JSON）

因為每一欄共用相同單位（以千美元計的銷售額），四條線都落在同一條 Y 軸上，可以直接比較。若偏好曲線而非折線段，把 smooth 改成 true 即可。

效能提示

• 線的數量保持在約 6 條以內，避免糾纏
• 使用辨識度高的色盤；避免兩個相近色相
• 密集資料時隱藏節點標記（showPoints: false），線條才俐落
• 當某條序列最重要時，突顯它、其餘灰化作為脈絡

常見問題

什麼是多序列折線圖？ 多序列折線圖在同一條 X 軸與 Y 軸上畫出兩條以上的線，每條代表不同群組、產品或類別。因為所有序列共用同一條尺度，可以直接比較它們的水準與走勢。

一張圖最多放幾條線？ 經驗法則是約 6 條以內。超過後線條互相重疊成「義大利麵」，個別走勢就難以追蹤。線很多時，改用小型多重圖（網格狀的小圖）或一次只突顯一條。

什麼時候該改用雙軸圖？ 當各序列單位不同或尺度差很多時——例如數百量級的營收與幾個百分點的轉換率。多序列圖假設所有線共用同一條誠實的尺度。

該用圖例還是直接標示線條？ 線少時，在每條線尾直接標籤最好讀，因為視線不必來回對照圖例。線多或版面有限時，圖例較精簡。

多線圖太擁擠時怎麼保持可讀？ 減少線數、用高對比色盤、密集資料移除節點標記，並考慮「焦點」處理：突顯一條、其餘灰化。小型多重圖是最能擴充的備案。

多條線 vs 堆疊面積，該選哪個？ 想比較個別走勢、找出交叉點時用多條線；在意累積總量與各序列占整體比例時，用堆疊面積圖。