截至 2026 年,資料視覺化的產圖門檻已經低到不可思議:AI 與各種圖表工具幾秒鐘就能生出一張圖,但「選錯圖表」與「不小心誤導」的問題一點也沒有變少。如果你正在查「圖表怎麼選」,通常不是想研究視覺化理論,而是明天就要交報告或上台簡報:手上有一份數據,不確定該用長條還是折線,或是被主管講過一句「這張圖我看不懂」。
重點速答
這篇文章的「6 種資料關係對照表」整理自《金融時報》視覺新聞團隊的 Visual Vocabulary(原始版本分 9 類,本文取最常用的 6 類);5 個避免誤導的設計原則是資料視覺化領域廣泛認可的底線,其中幾條另附同儕審查研究佐證;4 個簡報圖表實務建議則來自我自己的培訓現場經驗。全文包含 1 張對照表、1 張誤導陷阱修正表與常見誤區,最後附 8 題重點整理,讀完你就能用同一套標準,快速替任何數據選對圖表。
文章導讀
- 選圖表的第一個問題不是「長條還是圓餅」,而是「你要呈現哪一種資料關係」:時間變化、比較排名、部分對整體、分布、相關性。關係確定了,圖表自然收斂。
- 避免誤導的底線:長條圖基準線從 0 開始、慎用雙 Y 軸、圓餅圖只用在類別少而且差距明顯時、不用 3D 變形、並排圖表比例尺一致。
- 簡報圖表的說服力公式:一圖一訊息、標題寫結論而非圖名、刪掉多餘裝飾、用顏色引導視線。
資料視覺化是什麼?為什麼先想「關係」而不是「圖表」?
資料視覺化(data visualization)是把數據轉換成圖形,讓人能快速理解其中的模式、差異與趨勢的方法。同一份數據,用對圖表能讓人秒懂,用錯或刻意設計,卻可能扭曲判斷;資料視覺化的第一個問題從來不是用哪種圖,而是你想呈現哪一種資料關係。
這正是《金融時報》Visual Vocabulary 的核心方法:這份由 FT 視覺新聞團隊製作的對照表,把圖表依「資料想突顯的關係」分類,而不是依外觀分類,也是 FT 編輯室用來訓練圖表素養的共同語言。先確認你要表達的是「隨時間變化」「比較排名」「呈現分布」還是「部分對整體」,關係確定了,適合的圖表自然收斂到少數幾種。要先說清楚的是:本文引用 FT 的部分僅限這套「依關係分類」的方法與下面那張對照表;後面的誤導防範原則與簡報實務建議另有出處,會在各段落標明。
為什麼你的圖表別人看不懂?
圖表溝通失敗的原因,多數不是美感問題,而是兩個順序與取捨的錯誤。
順序顛倒:先選了圖表,才回頭想資料
-
常見誤區
先決定要用哪種圖,再把數據硬塞進去
很多人做圖的起點是「我想用一張圓餅圖」,再把數據硬塞進去。順序顛倒,就容易選錯:圓餅圖表達的是部分對整體,扇形彼此之間沒有共同基準線,拿來比較相近數值本來就吃力。
-
正確順序
先確認關係,再挑圖表
正確的順序永遠是先確認關係、再挑圖表。
訊息過載:把所有數據塞進同一張圖
一張圖疊了五條線、三種單位、兩個座標軸,觀眾的第一反應不是佩服,而是放棄。複雜資料應該拆成多張圖,每張只回答一個問題。在簡報場合,這一點與觀眾的注意力容量直接相關,背後的認知科學可以參考〈簡報設計為什麼觀眾記不住?認知負荷理論 3 種負荷與 Mayer 6 大原則實戰〉。
6 種資料關係對照表:圖表怎麼選?
依 Visual Vocabulary 的分類方式,先從下表找到你要呈現的關係,再選對應的圖表。要先說明的是:FT 原始版本一共分 9 類(隨時間變化、排名、量體、部分對整體、分布、相關性、偏差、空間、流動),下表取的是辦公室簡報與報告最常用的 6 類;如果你要處理地圖、流向這類資料,請回到 FT 原始對照表查。這 6 類能解決日常工作中絕大多數的選圖問題。
六種資料關係各自適合的圖表與典型情境
| 你要呈現的關係 | 適合的圖表 | 典型情境 |
|---|---|---|
| 隨時間變化 | 折線圖、區域圖、柱狀時間序列 | 營收趨勢、流量走勢 |
| 比較大小、排名 | 長條圖(橫向利於排名) | 各部門績效、產品銷量排行 |
| 部分對整體 | 堆疊長條、圓餅(類別少時) | 市占率、預算分配 |
| 分布 | 直方圖、箱形圖 | 成績分布、價格帶 |
| 相關性 | 散佈圖、泡泡圖 | 廣告投入與轉換的關係 |
| 偏差(正負) | 分歧長條圖 | 各項目相對目標的落差 |
兩種關係同時出現時
如果一份數據同時包含兩種關係(例如「各產品線的營收排名」加上「隨季度的變化」),優先問自己:這張圖要回答的最重要的一個問題是什麼?以那個問題對應的關係為主軸選圖,另一個關係另做一張圖,永遠比硬塞進同一張圖清楚。
怎麼避免做出誤導的圖表?5 個設計原則
同一份數據,設計不當就可能誤導讀者,無論有意或無意。以下 5 個原則是資料視覺化領域廣泛認可的底線,它們不出自 Visual Vocabulary(那份對照表只處理「選哪一種圖」)。其中截斷座標軸,以及面積與 3D 變形這兩類,另有同儕審查研究可以佐證,出處列在文末。
| 常見陷阱 | 為什麼誤導 | 正確做法 |
|---|---|---|
| 截斷 Y 軸的長條圖 | 長條的長度就是它傳達的量,截斷會誇大差距;Pandey 等人(2015)的實測確認這種手法會造成明顯的訊息誇大 | 長條圖基準線一律從 0 開始 |
| 雙 Y 軸疊兩條線 | 不同量綱疊在一起,暗示不存在的因果或同步 | 慎用;必要時拆成兩張圖 |
| 類別過多的圓餅圖 | 扇形一多,相近的區塊就比不出高下、標籤也擠不下;讀者判讀圓餅時主要靠面積與弧長,本來就不是精準的比較工具 | 要比大小改用長條圖 |
| 3D 與裝飾變形 | 透視會扭曲面積與長度的視覺比例,而面積本來就是各種視覺編碼中判讀最不準的一類(Cleveland & McGill, 1984;Heer & Bostock, 2010) | 用平面圖表,拿掉立體效果 |
| 並排圖表比例尺不一 | 座標軸範圍不同等於各自被截斷,比較就失真 | 並排比較時座標軸範圍一致 |
最值得記住的一條
長條圖的基準線一律從 0 開始,
折線圖強調趨勢變化,可視情況不從 0 起。
因為截斷 Y 軸是最常見的誤導手法,而長條圖沒有這個彈性:長條的長度本身就是它傳達的量。
簡報中的圖表怎麼做才有說服力?
選對圖表、避開誤導之後,最後一哩路是讓圖表在簡報裡「會說話」。以下四個實務建議來自我自己在培訓現場的經驗歸納,不是引用研究文獻,按我觀察到的影響力排序:
-
一圖一訊息
每張圖只回答一個問題,複雜資料拆成多張,讓觀眾每次只消化一件事。
-
標題寫「結論」而非「圖名」
用「Q2 營收成長 18%」取代「營收圖」,觀眾在看圖之前就先抓到重點。
-
移除多餘元素
刪掉不必要的格線、背景、陰影,把視覺重量留給數據本身。
-
用顏色標重點
把要強調的數列上色、其餘轉灰階,用顏色引導視線走向你要的結論。
這四件事的共同邏輯是「替觀眾省力」:觀眾的注意力有限,你在設計端多做一分整理,臺下就少一分迷路。圖表的目的不是展示你有多少數據,而是讓對方在最短時間內接住你的結論。
常見的 4 個誤區
- 先選圖表才想資料關係:順序顛倒,容易選錯;先問關係,再挑圖。
- 把所有數據塞進一張圖:訊息過載,觀眾抓不到重點;一圖一訊息。
- 用圓餅圖比較相近數值:扇形之間沒有共同基準線,相近的值比不出高下;改用長條圖。
- 標題只寫圖名:浪費了最該傳達結論的位置;把結論寫進標題。
把圖表素養變成團隊的共同語言
個人會選圖表,和整個團隊用同一套標準做圖,是兩件事。FT 編輯室之所以人手一份 Visual Vocabulary,正是因為圖表素養需要共同語言:報告與簡報裡的圖表風格一致、判斷標準一致,溝通成本才會真正下降。在我累積超過 525 場實體培訓的經驗裡,圖表與數據溝通幾乎是每個團隊簡報課必談的環節,因為它是「換一個人做圖,品質就掉一截」的重災區。
如果你想把這套圖表選擇與資料溝通原則,系統化地帶進團隊的簡報與報告,可以參考我的簡報技巧培訓;想先自己練習,就從下一份報告開始:每張圖先寫下「我要呈現的關係」,再動手做圖。
內文精華總結
好的資料視覺化不靠設計天分,靠正確的順序與底線:先確認資料關係再選圖表、用設計原則避免誤導、讓每張圖只說一件事並把結論寫進標題。
四個帶得走的重點
- 選圖先問關係:時間變化用折線、排名用長條、部分對整體用堆疊或圓餅(類別少時)、分布用直方圖、相關性用散佈圖。
- 五條底線:長條從 0 起、慎用雙 Y 軸、圓餅只用在類別少時、不用 3D、並排比例尺一致。
- 簡報四招:一圖一訊息、標題寫結論、刪多餘裝飾、顏色標重點。
- 團隊要的是共同語言:同一套選圖標準,比任何個人技巧都更能穩定產出品質。
參考資料
- Financial Times, “Visual Vocabulary(Chart Doctor).”(本文 6 種資料關係對照表的出處;原始版本共 9 類,以官方最新版本為準)
- Pandey, A. V., Rall, K., Satterthwaite, M. L., Nov, O., & Bertini, E. (2015). “How Deceptive are Deceptive Visualizations?: An Empirical Analysis of Common Distortion Techniques.” CHI ’15.(截斷座標軸與面積變形造成訊息誇大的實測)
- Cleveland, W. S., & McGill, R. (1984). “Graphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods.” Journal of the American Statistical Association, 79(387).(位置與長度判讀最準、面積最不準的排序)
- Heer, J., & Bostock, M. (2010). “Crowdsourcing Graphical Perception: Using Mechanical Turk to Assess Visualization Design.” CHI ’10.(以群眾外包複現上述排序)
- Skau, D., & Kosara, R. (2016). “Arcs, Angles, or Areas: Individual Data Encodings in Pie and Donut Charts.” Computer Graphics Forum, 35(3).(角度是圓餅圖中最不重要、也最容易出錯的線索)
- Kosara, R. (2019). “Evidence for Area as the Primary Visual Cue in Pie Charts.” IEEE VIS Short Papers.(面積才是讀者判讀圓餅圖的主要線索)
關於作者
- 525+場企業與組織培訓
- 19,500+位學員
- 150+家教育培訓場域
延伸閱讀
- 簡報設計為什麼觀眾記不住?認知負荷理論 3 種負荷與 Mayer 6 大原則實戰
- Midjourney 簡報設計怎麼用?5 個實戰角色與 10 個 Prompt 範本
- AI 備課怎麼開始?525 場培訓淬煉的 5 階段工作流與時間配置表
- 校園講師如何轉企業內訓?3 階段轉型路徑與 5 個官網必備元素
重點整理
怎麼選對的圖表類型?
先確認你要呈現的「資料關係」,而非先想外觀。依《金融時報》Visual Vocabulary 的方法:隨時間變化用折線圖、比較排名用長條圖、部分對整體用堆疊長條或圓餅(類別少時)、看分布用直方圖或箱形圖、看相關性用散佈圖。關係確定了,適合的圖表就會收斂。
長條圖的 Y 軸為什麼一定要從 0 開始?
因為長條的「長度」就是它傳達的量。若截斷 Y 軸不從 0 起,會在視覺上誇大數值間的差距,是最常見的誤導手法,Pandey 等人(2015)的實測也確認這種做法會造成明顯的訊息誇大。折線圖因為強調趨勢,可視情況不從 0 起,但長條圖應一律維持 0 基準線。
圓餅圖什麼時候能用、什麼時候該避免?
圓餅圖適合「部分對整體」,而且類別少、各塊大小差距明顯的情境。類別一多,相近的扇形就比不出高下、標籤也擠不下。順帶一提,「角度難判讀」其實不是它真正的限制:實測研究指出讀者判讀圓餅時主要依賴面積與弧長,角度反而是最不被使用、也最容易出錯的線索。要比大小就改用長條圖,因為長條有共同基準線,屬於準確度最高的一類視覺編碼。
雙 Y 軸的圖表為什麼要慎用?
因為兩條不同量綱的線疊在同一張圖上,容易暗示不存在的因果或同步關係,讀者很難分辨哪條線對應哪個軸。若兩組數據都必須呈現,比較穩妥的做法是拆成兩張並排的圖,並讓時間軸對齊。
簡報裡的圖表標題該怎麼寫?
把標題寫成「結論」而非「圖名」:用「Q2 營收成長 18%」取代「營收圖」,讓觀眾在看圖之前就抓到重點。標題是整張圖最先被閱讀的位置,只寫圖名等於浪費了最該傳達結論的黃金版位。
一張圖表可以放幾個訊息?
一張圖一個訊息。每張圖只回答一個問題,複雜資料拆成多張圖逐步呈現,觀眾才能每次只消化一件事。搭配移除多餘格線與裝飾、用顏色標示重點數列,就能大幅提升圖表的溝通效率。
Visual Vocabulary 是什麼?
Visual Vocabulary 是《金融時報》視覺新聞團隊製作的圖表選擇對照表,把圖表依「資料想突顯的關係」分成 9 類:隨時間變化、排名、量體、部分對整體、分布、相關性、偏差、空間、流動。它是 FT 編輯室用來訓練圖表素養的共同語言,可在 GitHub 的 Chart Doctor 專案免費取得;本文的對照表取的是其中最常用的 6 類。
想提升團隊的圖表與資料溝通能力,有系統化的做法嗎?
有。關鍵是建立團隊的共同標準:同一套選圖邏輯、同一套避免誤導的底線、同一套標題與配色慣例。我在簡報技巧培訓中會把這套圖表素養與簡報設計整合成可落地的工作流,歡迎透過網站聯絡頁告訴我你的團隊情境。
本文更新於 2026 年 8 月。AI 與數位工具改版快速,實際功能與名稱可能已有變動,建議以官方文件為準。







