文/柯爾.諾瑟鮑姆.娜菲克;譯/徐昊

到目前為止,我們討論了我在商業溝通時最常使用的視覺元素。此外,有幾種特定圖表最好避免使用:圓餅圖、環圈圖、3D立體圖與雙(垂直)Y座標軸,接下來將一一討論。

● 萬惡的圓餅圖

從我寫過的文字裡頭,便可輕易看出我有多不喜歡圓餅圖。簡而言之,圓餅圖是萬惡淵藪。要了解我為何會下此結論,就先來看個例子吧。

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

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

35%?

40%?

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

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

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

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

那有什麼替代方案呢?其中一個辦法就是使用橫條圖取代圓餅圖,並以高到低或低到高排列(除非類別有其自然排序,如前述),如圖2.23。記得,我們的眼睛看到長條圖時會自行比對端點。因為長條圖全都排列在同一條基線上,因此較容易判斷相對大小。這樣一來不只能得知哪個區段最大,還可以得知比其他區段大了百分之幾。

可能會有人認為圓餅圖轉換成長條圖會少了些味道,圓餅圖的獨特之處就是以圓滿的圖形表示各部分的組成。但是如果視覺元素難以閱讀,那這麼做真的值得嗎?圖2.23中,我加註了每個區段的總和為 100%。雖然這不是十全十美的解決辦法,但至少值得考慮一下。想知道還有哪些替代方案可以取代圓餅圖,請參考第9課的案例研究⑤。

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

※ 本文摘自《Google必修的圖表簡報術》,原篇名為〈盡量別用的圖表:圓餅圖〉,立即前往試讀►►►

  • 用Line傳送