斜率圖

概述

斜率圖（slope chart／slope graph）是把折線圖精簡到只有兩個 X 軸位置——一個「之前」、一個「之後」。每個項目是一條連接起點值與終點值的線，因此每條線的陡峭程度與方向就直接傳達了變化：往上代表進步、往下代表衰退，交叉的線則揭示排名變動。它是用最乾淨的方式在兩個時期間比較眾多項目、又不必塞一張雜亂表格。斜率圖屬於折線圖家族——更多相關型態請見折線圖的各種類型。

何時使用

• 比較某指標在兩個時間點的值（2021 vs 2025）
• 呈現某項改變或介入「前後」的效果
• 揭示眾多項目在兩個狀態之間的排名變動
• 突顯哪些項目成長最多、衰退最多
• 用更視覺化的方式取代兩欄式表格

不適用

• 有三個以上時間點時——改用多序列折線圖
• 需要兩點之間的精確中間值時
• 兩個項目在兩端數值幾乎相同時（標籤會重疊）
• 當絕對量值比變化更重要時——長條圖可能更好讀

關鍵變體

• 純斜率圖，兩端都標籤
• 突顯式斜率（為上升／下降者上色，其餘灰化）
• 排名斜率圖：垂直順序編碼名次而非數值
• 連接點圖（connected dot plot）——同樣概念，畫成兩個點加一條線

使用情境

• 各品牌 2021 vs 2025 的市佔率
• 導入新課綱前後的測驗分數
• 上線當時 vs 一年後的顧客滿意度
• 各區今年 vs 去年的營收
• 活動前 vs 活動後的問卷回應

在 Line Graph Maker 的快速設定

1. 使用寬格式，且只放兩列——一列一個時期，每一欄是一個項目。若資料是 JSON，可先用我們免費的 JSON 轉 CSV 工具 轉成 CSV。
2. X 軸維持兩個類別，讓每個項目畫出一條乾淨的斜率。
3. 開啟節點，讓起點與終點值容易判讀。
4. 用能點出對比的標題，例如「市佔率：2021 → 2025」。

資料（CSV）

年度,產品 A,產品 B,產品 C,產品 D
2021,28,22,19,31
2025,41,18,34,27

圖表設定（JSON）

把 xAxisType 設為 category，能強制兩個年度（2021 與 2025）以等距類別位置呈現，而非數值尺度，這樣每條斜率才會乾淨且可比較。每條序列只有兩個點，每條線就是一段易讀的斜率。

效能提示

• 兩端都標上數值，讀者就不必靠軸去估算
• 為漲幅／跌幅最大者上色，其餘灰化以降低雜訊
• 排序或分組項目，避免兩端標籤重疊
• 維持恰好兩個時期——加上第三個就退化成一般折線圖

常見問題

什麼是斜率圖？ 斜率圖是只有兩個 X 軸位置的精簡折線圖，每個項目畫成一條連接「之前」與「之後」數值的線。每條線的斜率呈現該項目變化的幅度與方向。

斜率圖和折線圖有什麼差別？ 一般折線圖的 X 軸可以有許多點，呈現完整軌跡；斜率圖刻意只用兩個點，讓焦點集中在兩個狀態之間的淨變化與排名變動。

什麼時候該用斜率圖而非長條圖？ 當「兩個時期之間的變化」是重點、且你想一次比較眾多項目時，用斜率圖；當「單一時間點的絕對量值」最重要時，用長條圖。

斜率圖能放幾個項目？ 斜率圖很能容納眾多項目——往往比多線趨勢圖更多——因為每條線只跨兩個點。可讀性主要受兩端標籤擁擠程度限制，太擠時可突顯重點項目、其餘灰化。

為什麼年份需要類別軸？ 若 2021、2025 這類年份被當成數字，圖會依數值差距間隔、甚至畫成數值軸。強制使用類別軸會把兩個時期當成等距標籤，這正是乾淨可比斜率的關鍵。

斜率圖能放三個時間點嗎？ 不太適合——那會變成一般的多序列折線圖。斜率圖的定義就是兩點式的「前後」結構；有三個以上時期時，請改用多序列折線圖。