前Google總監、最強簡報講師：報告時，千萬別用「萬惡圓餅圖」！

在商業溝通最常使用的視覺元素中，有幾種特定圖表最好避免使用：圓餅圖、環圈圖、3D 立體圖與雙（垂直）Y 座標軸，接下來將一一討論。從我寫過的文字裡頭，便可輕易看出我有多不喜歡圓餅圖。簡而言之，圓餅圖是萬惡淵藪。要了解我為何會下此結論，就先來看個例子吧。

圖2.21的圓餅圖（依實例改編）呈現了A、B、C、D 四個供應商的市占率。若我請你看看圖，並依圖告訴我哪間供應商的市占率最大，你會怎麼回答？

大多人都會認為是右下方青色的「廠商B」市占率最高。如果要你預估廠商B 的市占比例，你會如何回答？
35% ？
40% ？

或許你從我的問題當中早已發現事情不太對勁。看看加進實際數字的圖2.22 吧。

「廠商B」看似面積最大，但實際數字為31%，其實上方看似面積較小的「廠商A」市占率更高。

我們來討論一下詮釋資料的過程出現了什麼問題吧。首先，最容易吸引聽眾目光（也最容易引起明眼觀眾懷疑）的便是這張圖採用的立體設計和古怪視角。整張圓餅圖以傾斜方式呈現，導致上方的區塊看似距離較遠，因此面積縮水了，下方的區塊則看似距離較近，面積有放大的錯覺。稍後將會繼續討論立體圖形，但是我現在就要先將一項相關的資料視覺化原則告訴各位：千萬別用立體圖！立體圖一點好處也沒有，甚至還會帶來一堆害處，上述便為立體圖扭曲數據視覺觀感的實例。

即便我們抽走立體設計、將圓餅圖回歸平面，資料詮釋還是有難度。人類的眼睛並不擅長判斷二元空間的量值。簡而言之：圓餅圖難以閱讀。若各個區塊的數值相近，要判斷雙方大小便會相當困難（甚或不可能辦到）。就算區塊尺寸差異明顯，你頂多也只能看出哪塊比較大，但無法精確說出大了多少。要克服這個難關，你也可以像上例般加上資料標籤，不過我還是認為不值得把空間分配給此類圖表。

那有什麼替代方案呢？其中一個辦法就是使用橫條圖取代圓餅圖，並以高到低或低到高排列（除非類別有其自然排序，如前述），如圖2.23。

記得，我們的眼睛看到長條圖時會自行比對端點。因為長條圖全都排列在同一條基線上，因此較容易判斷相對大小。這樣一來不只能得知哪個區段最大，還可以得知比其他區段大了百分之幾。

可能會有人認為圓餅圖轉換成長條圖會少了些味道，圓餅圖的獨特之處就是以圓滿的圖形表示各部分的組成。但是如果視覺元素難以閱讀，那這麼做真的值得嗎？圖2.23 中，我加註了每個區段的總和為100%。雖然這不是十全十美的解決辦法，但至少值得考慮一下。

如果你發現自己不小心用了圓餅圖，停下來問問自己：為什麼？如果你可以回答這個問題，代表你在選用圓餅圖前已經做過詳盡思考，但畢竟如上述所說，圓餅圖難以詮釋，還是不該做為你的首要選擇。

既然說到了圓餅圖，那就來看看另一種也應該避免的「圓圈圖」：環圈圖。

圓餅圖是要求聽眾比較角度和面積，環圈圖則是要求聽眾比較弧長差距（如圖2.24 便是在比較弧A 與弧B 的長度）。你對於自己眼睛判斷弧長量值的能力有多少自信？沒什麼信心吧？我就知道。別用環圈圖就是了。

資料視覺化有一項黃金守則：千萬別用立體圖。因為很重要，跟著我說三次：千萬別用立體圖、千萬別用立體圖、千萬別用立體圖。唯一的例外就是你真的要畫三次元的資料（就算如此，處理起來還是相當棘手，務必小心），而且一次元的資料千萬不能用立體圖形來繪製。如同先前的圓餅圖例，立體圖會扭曲數字，讓聽眾很難、甚至不可能詮釋或比較。

將圖表繪製成3D 立體設計，就必須加入不必要的圖表元素，如側板和底板。除了這些可能讓人分心的元素外，製圖軟體還經常會在繪製立體數值時出差錯。舉例來說，你可能會以為製圖軟體在繪製立體長條圖時，會從正面或是背面繪製長條。很不幸，狀況經常沒那麼直接。舉例來說，Excel 當中立體長條圖的高度是依一面與Y 軸高度對應的隱形斜板所決定。繪製出來的成品可能會類似圖2.25。

你能從圖2.25 當中看出一月與二月的問題數量為多少嗎？其實這兩個月份的問題數量皆為1。但從圖表上看來，若將長條長度與後方的格線比對，並且往左對到Y 軸，預估的數值大約只有0.8。這是很糟糕的資料視覺化實例，所以千萬別用立體圖形。

有時在同一條X 軸上繪製單位完全不同的資料會派上用場，因此就必須加入第二條Y 軸：也就是在圖表右邊的垂直軸。圖2.26 便為一例。

詮釋圖2.26 時，聽眾需要多花時間和心血才能理解哪份資料要對哪條軸。因此，最好避免用雙Y 軸，也需避免將Y 軸放在右邊。作為替代方案，可以想想看下列哪個方式比較能夠符合你的需求：

1. 別加上第二條Y 軸，直接標上原本要畫上去的資料點。
2. 將圖表分為上下兩層，每層圖表皆有自己的Y 軸（皆放在左邊），但使同一條X 軸。圖2.27 為這些替代方案的實例。

其實還有第三個解決辦法，那就是使用顏色將軸和資料連結在一起。

舉例來說，在原本的圖2.26 中，我可以將左方Y 軸的標題「收益」改為藍色、讓收益的長條保留藍色；另外將右方Y 軸的標題「業務員人數」改為橘色，並將折線圖也改為橘色。但我不建議使用此方法，因為這不是最好的顏色使用策略。

值得注意的是，將兩組資料放在同一條軸上呈現時，可能暗示兩者之間相關。當你在掙扎是否該用雙Y 軸，或考慮該使用圖2.27 的何種替代方案時，建議你想想看你需要將資料呈現得多詳細。替代方案一清楚標出了每個資料點，可以讓聽眾將注意力放在詳細的數據上。替代方案二將軸放在左方，把重點放在整體的趨勢之上。

總而言之，記得避免使用雙Y 軸，採用上述其中一種方式做為替代策略吧。

☛ 《Google必修的圖表簡報術（修訂版）》立即購書：商周store、博客來

【商業周刊圖書】官方粉絲頁

書籍簡介_Google必修的圖表簡報術（修訂版）