前言

當今世界，數據無處不在，而圖表可以幫助我們理解數據、洞悉數據背后的真相，讓我們更好地適應這個數據驅動的世界。

圖表，是語言的一種重要形式。它借助于各種可視化的組件，通過展示數據間的對比，來達到傳遞信息、表達觀點或者發現數據背后的趨勢等目的。

我們從——數據是什么——這個問題開始聊起，世界知名的可視化專家、加州伯克利的教授邱南森在他的著作《數據之美：一本書學會可視化設計》一書中是這么回答的：

大部分人會含糊地回答說，數據是一種類似電子表格的東西，或者一大堆數字。有點技術背景的人會提及數據庫或數據倉庫。然而，這些回答只說明了獲取數據的格式和數據的存儲方式，并未說明數據的本質是什么，以及特定的數據集代表著什么。你很容易陷入一種誤區，因為當你需要數據的時候，通常會得到一個計算機文件，你很難把計算機輸出的信息看作其他任何東西。然而，透過現象看本質，就能得到更多有意義的東西。

數據不僅僅是數字。要想把數據可視化，就必須知道它表達的是什么。

數據描繪了現實的世界。與照片捕捉了瞬間的情景一樣，數據是現實世界的一個快照。

本文章的主題是：《用圖表說話——漫談商務圖表的設計理念》，這里所稱的"商務圖表“主要指我們日常工作中用于業務展示、匯報和進行信息傳遞的圖表。

分為兩大部分，分別是可視化組件和從數據到圖表的介紹。

可視化組件

可視化組件分為4種：

視覺暗示、坐標系、標尺、背景信息

可以通過上圖右邊的圖示來看下，

這個柱形(也可以說是垂直方向的條形)就是視覺暗示的一種，

互相垂直的橫軸和縱軸構成了一個直角坐標系，

橫軸上的標簽是月份，屬于一個時間刻度；縱軸是一個數字刻度，一個數值等距分布的線性標尺。

左上角的標題，縱軸刻度標簽旁的“單位”，以及右下角的數據來源批注都屬于背景信息的一種。

好比中間這個簡單的柱形圖圖示，大家想象一下，如果缺少了4種可視化組件中的一種，比如沒有柱形、沒有坐標系或者沒有刻度尺，沒有圖表標題、數值單位注釋、數據來源批注等背景信息，那么就會使人無法了解到數據的關鍵，使人感到迷惑。

圖表是為了幫助人更好的理解數據，如果一個圖表需要閱讀者去猜測主題或者內容到底是什么，使讀者對數據背后的信息更加的模糊不清，那么毫無疑問，這幅圖表的設計是失敗的。

我這里單獨聊一下數據來源批注，除非圖表的閱讀者非常清楚你的數據從哪而來，那么在圖表里加一個數據來源的批注是很有必要的，可以增加圖表的可信度，而且如果有人對數據有所疑問，可以從源頭去進行查證。

接下來我完整介紹下4種可視化組件所包含的內容。

01視覺暗示

視覺暗示包括：

位置(典型應用就是散點圖)

長度(比如條形圖或柱形圖，柱形圖也可稱之為垂直方向的條形圖)

角度(比如餅圖或圓環圖中表示占比的分塊)

方向(比如線形圖線條的走向)

形狀(比如散點圖里不同的數據標記形狀來區分不同的類別或組)

面積(常見于面積圖、樹狀圖或者氣泡圖、不等寬柱形圖等)

體積(三維圖形)

色彩飽和度(同一顏色不同深淺表示不同數量級)

顏色(用于對類別或組別的區分)

02坐標系

坐標系，

坐標系分為3種：

最常見的是平面直角坐標系，我們日常接觸的大部分圖表都是平面直角坐標系，也叫做笛卡爾坐標系。

極坐標系，比如餅圖、圓環圖或者雷達圖的坐標就是極坐標。

地理坐標系，地圖專用。

03刻度尺

刻度尺，也可以稱之為標尺，3種刻度尺：

數字刻度

分類刻度

時間刻度

04背景信息

背景信息

包括數據相關的5W信息、主標題、副標題、數字單位注釋、底注、數據來源批注、坐標軸標題等

這里講了很多理論知識，可能會有點枯燥，但是我個覺得是有必要的，從更高角度去理解圖表，理解可視化，有助于讓我們更好的使用圖表。

前面我們聊到，”圖表，是語言的一種重要形式“。

正如你想學習并精通任何一種語言一樣，學習圖表，也必須要花時間去學習詞匯、語法，并且不斷練習，使之成為你根深蒂固的習慣。

接下來我們聊從數據到圖表的過程。

從數據到圖表

相信大部分圖表的初學者，都有一個疑惑，”我該用什么圖來畫？"，看到一堆數據，不知道該從哪里開始，有點茫然的感覺。

關于這個問題，麥肯錫咨詢公司的前負責形象化溝通的主管基恩.澤拉茲尼，在30多年前提出了他的經典理論。

他的理論核心，簡而言之，數據變為圖表，3個步驟：

確定主題，確定你想要表達的具體主題；

確定對比關系，從主題到對比關系；

選擇圖表形式，從對比關系到圖表。

步驟1確定你要表達的主題

將數據轉化為主題，選擇合適圖表的關鍵，最初也是最重要的，就是確定你想要表達的具體主題。

每個圖表都是數據的一種組織形式，它最終是要強調一個主題。

那么主題是什么，如何確定？

你可以畫出一系列圖表的草圖，從不同角度觀察數據。更有效的方法是，突出最重要的數據以確定你的主題。

很多時候，對同一個數據，可以得出多個主題，強調這一點，還是強調另一點，則由你——圖表設計者——來決定，那么這個決定就成為你最終的主題。

所以，確定圖表的主題，不是一個簡單的過程，而需要花很多功夫。我們不妨將主題變為圖表的標題，為什么呢？這個問題詳細的聊下，

我們見過很多圖表，標題就和猜謎差不多。

比如這頁某國內大型綜合管理咨詢公司的幾個圖表：

全球市場規模情況

中國市場規模情況

細分市場占比

銷售區域分布

這些標題描述了圖表的內容范圍，但是它們沒有指出重點。全球市場是個什么規模，有什么特點？中國市場的表現是怎樣的？從各細分市場占比的這個餅圖中，可以得到什么結論？銷售區域的分布呈現什么特點？等

看到這些圖表的標題，那么你心中自然會浮現這么些問題，但是這些問題的答案似乎是個藏在圖表里的秘密。

這幾個圖，除了圖表主題不明確之外，還犯了幾個致命的設計錯誤，左上角這幅圖，柱形圖(左軸)用了個非0基線，人為的擴大了年份間的差異，2015年3710億美金，2016年3873億美金，實際增長了163億美金，僅僅不到5%的增長，一個很小幅度的變化，但是從2015和2016年的兩個柱形來看，好像增長了25%似的！

柱形圖、條形圖絕對不要用非0基線，因為他們就是依靠“長度”這個可視化組件來映射數值，把這些個條形(或柱形)截掉一段，那就不能反映數據間的真實對比關系了。這是很嚴重的錯誤。

而左下角這個餅圖，那么多切片，毫無意義，餅圖最多不能超過6個分塊，否則很難展示各個分塊的差異。

還有些別的問題，不如上面幾個問題那么醒目，后面我們通過專門的課時來講解圖表設計時應該避免的一些錯誤。

回到圖表主題這個內容上來，根據我從這幾年看過的國內外報告來觀察，國外這種主題不明的圖表也有。

比如讓我們來看下某著名歐美跨國財務管理咨詢公司的報告里的幾個圖表案例：

左上角這幅圖的標題是：“盈利能力表現——上市公司與私營公司”，他們是怎么表現的？

左下角的圖，“十五年來的資產增長”，呈現什么特點，哪個地區增長最快？

右上角，IPO前后業績發生了什么變化，IPO對業績的影響是怎樣的？

右下角，2013-2018年科技子產業經歷了什么樣的發展？哪些產業比較優秀？

把你的圖表主題放在圖表的最前面！這樣可以減少圖表閱讀者誤解的可能性，讓他們將注意力集中到你想重點強調的數據上來。

接下來我們來看看嚴格的遵循這個規則的案例，來自于某世界知名管理咨詢公司：

圖表主題一覽無遺，非常簡潔明了。

閱讀者第一眼就看到了醒目的圖表標題，同時也明白了圖表的主題是什么，然后目光沿著圖表制作者設計的主線，去查看圖表的各個元素。

閱讀者通過觀察圖表里的視覺元素去驗證圖表主題是否可信，判斷其觀點是否可以接受。

圖表主題概括了圖表元素所表達的，而圖表元素又回過頭來驗證了圖表主題，互相印證。

接下來開始介紹，從數據到圖表的第2個步驟，確定對比關系。

步驟2確定對比關系

確定對比關系，是一個從主題到對比關系的過程。

你確定的主題應包括5種對比關系的一種：構成、類別、時間序列、頻率分布，相關性。

步驟3選擇圖表形式

選擇圖表形式，從對比關系到圖表。

當你確定了對比關系，那么剩下來的工作就很具體，選擇最適合你的主題的圖表形式。

所以接下來，我來通過這幾種對比關系所適用的圖表形式，來同步介紹這兩個步驟。

5種基本對比關系

介紹5種對比關系及其適用的常規圖表形式。

01成分對比關系

在成分對比關系中，我們主要對每一部分的大小占總數的百分比感興趣，比如：

公司某款產品的銷售額占總銷售額的超過30%

2018年，我司的市場份額少于5%

公司的業務招待費占所有管理費用的超過25%

你的主題中只要包括如下詞匯如：份額、占比、總數百分比、占百分比多少等字樣時，可以肯定你是在制作一個構成的對比關系圖表。

現在大家所看到頁面的圖示，是表達構成對比關系的常用圖表類型，我來一一介紹下，介紹的順序是從左到右，從上到下：

標準餅圖，以12點線為起點，一般按數值大小順時針排列，不要超過6個切片；

圓環圖，又稱甜甜圈圖，用法和餅圖類似；

百分比堆積條形圖1，展示多個類別的多個共同部分所占的百分比，比如多個城市的性別占比的比較；

百分比堆積柱形圖1，反映時間趨勢上的百分比變化；

百分比堆積面積圖，反映連續時間趨勢上的百分比變化；

百分比條形圖，比較同一整體的各部分的占比；

百分比堆積條形圖2，展示單一整體的多個部分的占比；

百分比堆積柱形圖2，同上；

桑基圖，展示一個整體的分化；

華夫餅圖，通過小方格展示占比；

樹狀圖，通過矩形的面積反映各個分塊的占比；

百分比瀑布圖，反映各階段的百分比演變過程；

下面這排前3個圖較少使用，最后是帕累托圖，直方圖另外有個累積百分比的線形圖系列，常用于質量管理。

02類別對比關系

在類別對比時，我們需要比較類別間的大小、高低，它們是相同的，還是比其它類別多或少？

例如：

中國的GDP總量比美國低，但是超過世界其他國家；

我司今年的銷量處于全市場的第3位；

今年雙11我的消費金額大體和部門平均消費金額相同。

我們可以從大于、小于或相同之類的詞匯中找到類別比較的線索。

大家可以看到這些類別比較的圖形樣式：

第一個，左上角，標準條形圖，需要注意的是，條形圖的縱軸類別標簽，一般是按照其數值大小降序排列，除非類別間有其內在的邏輯，比如優、良、中等、差、很差這種有自身邏輯順序的；

簇狀條形圖，多個類別的兩個指標的對比，或者多個類別兩個時間點同一指標的對比；

旋風圖(也有稱蝴蝶圖)，用于展示多個類別間的兩個變量間的關系；

背離式條形圖，一般用于多個類別間的盈虧情況的對比，比如多個國家的貿易順差和逆差的情況；

范圍條形圖，表示多個類別間的由低到高的數值范圍，而不是表示單個數值，適合用于表示多個類別間的數值范圍間的比較；

堆積條形圖，表示多個類別里的各構成的對比，有兩個需要注意的地方，首先，這里條形表示的是絕對值，不同于百分比堆積條形圖里的相對值。另外，將最重要的部分放在靠近左側縱軸刻度線，因為越靠近基線，將更容易被測量；

平行條形圖，適合比較多個類別多指標的值，既可以橫向比較類別，也方便縱向比較各個部分的值；

棒棒糖圖，通過點和線的組合來對比類別間的差異，在excel里一般通過散點圖加誤差線實現；

啞鈴圖，一般用來展示多類別的兩時間的值；

比例條形圖，通過比例來比較類別間的差異；

xy圖表，通過類別間在xy兩個數值軸上的分布，來同時比較多個類別在兩個指標上的表現；

子彈圖，一般用于表示多個類別的實際與計劃的差異，同時查看所處的水平。這個子彈圖樣式的發明者是著名的可視化大師Stephen few；

瀑布圖，瀑布圖是麥肯錫咨詢獨創的圖表類型，適用于數個特定數值間的數量變化關系；

斜率圖，一般適用于多個類別在多個指標上的排名情況；

小人圖，用特定圖形(和主題相關的)填充條形；

詞云，展示文本的出現頻率；

雷達柱形圖，雷達圖的變形，excel很難實現，建議謹慎使用；

雷達條形圖，同上，建議謹慎使用；

雷達圖，用于展示一個數據對象的多個變量值；

儀表盤，反映單一類別的單一變量，一般用于dashboard的交互展示。

03時間序列對比關系

時間序列對比關系

這個對比關系是我們最常見的對比關系，表示隨時間變化的情況。

當我們對每一部分在總數的比例或大小不感興趣，但是對它們隨時間的變化感興趣，不管是一周的變化，還是一個月的變化或者一個季度、一年的變化，也不管他們是增長、下降、波動或是保持不變。例如：

銷售量自1月份以來呈現逐步下滑態勢；

過去5年我司的盈利狀況每況愈下；

過去10年的薪資水平均處于一個小幅增長的態勢；

21世紀的前20年，中國的貧困人口占總人口的比持續降低。

等

接下來介紹時間序列對比關系的常用圖形：

折線圖，兩種最常用的表示時間序列對比關系的圖形之一；

帶數據標記的折線圖，展示每個時間點的具體數值；

面積圖，也是常用的表示時間序列對比關系的圖形；

柱形圖，另一種表示該對比關系的最常用圖表形式；

這里順帶提一下，對于時間序列對比關系，如果你的選擇是折線圖或柱形圖的一種，那么到底該選擇哪種，有兩個說法：

1.少于8個數據點用柱形圖，大于等于8個數據點用折線圖；

2.?離散時間序列用柱形圖，連續時間序列用折線圖。

離散時間序列和連續時間序列是兩個統計學的專有名詞，通俗一點講，舉個例子，一天24小時的氣溫變化，每時每刻都在變，那么是一個連續時間序列。而如果我們以小時或者分鐘來進行聚合，以其每小時或每分鐘的平均氣溫作為圖表的值，那么是一個離散時間序列。

接下來是堆積面積圖，和百分比堆積面積圖不同，這里展現的值，是絕對值，比如以“元”、“噸”、“米”為單位的數據；

背離式柱形圖，一般用于展示隨時間變化的盈虧狀況，比如某企業多年以來的盈虧狀況；

背離式折線圖，用法和上面的背離式柱形圖類似；

垂直瀑布圖，表示隨時間變化而變化的特點數值的演化；

時間線圖，表示時間線上所發生的事件；

迷你走勢圖，excel內置的一種迷你圖類型，直接在單元格內體現走勢；

斜率圖，常用于展示兩個時間點排名的變化；

點陣圖，常用于表示兩個時間點的變化；

循環線形圖，表示多個類別的同一時間區間的變化趨勢；

地平線圖，同樣，展示多個類別的隨時間變化的趨勢，有一種立體感，excel可以使用多系列的堆積面積圖實現。

04頻率分布對比關系

頻率分布對比關系

這種對比關系表示有多少個項目或類別符合一個數字發展的范圍。

比如，我們用一個頻率分布對比關系來展示我司有多少員工的月薪超過5萬元，有多少員工的月薪處于3-5萬元之間，有多少員工的月薪在1-3萬元區間等。或者有多少員工的年齡小于25歲，25-30歲員工人數有多少、超過30歲的員工人數有多少等。

典型的主題有：

我司10月份的客戶訂單金額主要集中在20萬-30萬元之間；

多數客戶訂單的交付時長在4-6周之間；

我司員工的年齡分布與競爭對手大不相同。

等

這種對比關系的關鍵詞包括：

x到y的范圍，密度，頻率，分布等。

頻率分布對比關系的常用圖形：

左上角第一個，社會學里常見的人口金字塔圖，和旋風圖形態差不多；

點矩陣，用點的多少來表示頻數的多少；

直方圖，當組距是一個等距組距的話，那么直方圖和標準柱形圖一樣，這里的圖示是一個不等距的直方圖，也可以稱之為不等寬柱形圖。不管分組是否等距，橫軸都是一個數值范圍，而垂直方向的柱形高度表述落在該數據范圍內的頻數；

密度曲線圖，科學圖表常見；

帶誤差線的柱形圖；

箱型圖；

小提琴圖，也是一種科學圖表，excel幾乎無法制作；

山脊圖，比較少見，也屬于一種科學圖表。

05相關性對比關系

相關性對比關系

相關性，是指兩個變量的關聯程度。

相關性對比關系表示兩個變量之間的關系可以是，也可以不是你所證明的模式。

例如，你可以證明利潤隨著銷售額的增長而增長，可以論證銷售額隨著打折幅度的增加而增長。

當你的主題包括與什么相關，隨什么增長，隨什么減退，根據什么變化，或者不隨什么增長等，那么就可以斷定是一個相關性對比關系。

相關性對比關系因為是表示兩個變量——之間的關系，兩個坐標軸都是數值軸，和常見的其它圖表類型柱形圖、條形圖、折線圖等一個類別軸(或時間軸)、一個數值軸不同。

讓我們來看下幾種表示相關性的圖表類型：

散點圖，表示兩個變量之間的關聯程度；

氣泡圖，3個變量之間的關聯程度，氣泡的大小可以表示第3個變量；

風險矩陣圖，一般用于風險評估，可以用來表示危險發生的可能性和傷害的嚴重程度兩個變量，在戰略管理領域，表示機遇和風險兩個變量等。

最后一個串珠圖，比較少見，需要開發合適的應用場景。

---

以上就是5種對比關系的常用圖表類型。

結語

這一從數據到圖表的標準流程，30多年前基恩.澤拉茲尼提出以來，已經成為商務圖表方面的金標準，指導了世界范圍內無數職場人的圖表設計，并以此為基礎，發展出一套國際通用的標準IBCS (International Business Communication Standard)——國際商務溝通標準。

最后，我以一段邱南森的經典敘述作為結束語：

允許數據點之間進行比較是數據可視化的主要目標。

在表格中，我們只能逐個對數據進行比較，而把數據放到視覺環境中就可以看出一個數值和其他數值的關聯有多大，所有數據點是如何彼此相關的。

可視化作為更好地理解數據的一種方式，如果不能滿足這個基本需求，那它就沒有價值了。

在設計可視化圖表時，你必須考慮讀者知道什么，不知道什么，以及你想要他們知道什么。他們會怎么讀你的圖？會怎樣理解你的數據？

對自己的數據理解得越深，就能幫助他人理解得越深。

數據可視化就是這樣變得有價值的。

好了，今天的文章就到這里。我是作者蘇有熊。

歡迎關注我的微信公眾號：商業圖表分析

總結

以上是生活随笔為你收集整理的标题在图表上_用图表说话——漫谈商务图表的设计理念的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。