用一篇文章，幫你快速了解常見的數(shù)據(jù)可視化圖表類型

一、什么是數(shù)據(jù)可視化

在回答這個問題之前。首先看一個問題：

1. 數(shù)據(jù)可視化有哪些應用場景

數(shù)據(jù)可視化大屏幕，以及 PC 后臺數(shù)據(jù)概覽（不局限于 CRM、教育業(yè)務、金融業(yè)務，基本后臺業(yè)務需要數(shù)據(jù)概覽，都可以搭建）；甚至 C 端的游戲 UI 也包括（中間的六邊形叫做雷達圖），豆瓣評分的條形圖；

還有記賬、金融、理財、直播數(shù)據(jù)、疫情地圖等。

數(shù)據(jù)可視化就是將不可見的數(shù)據(jù)轉化為可見的圖形符號，從中發(fā)現(xiàn)規(guī)律和特征，以獲取更多的信息和價值。

相關干貨：

2. 數(shù)據(jù)可視化有哪些優(yōu)點？

1. 簡潔直觀：一張圖可能對標一個復雜龐大的數(shù)據(jù)表格
2. 容易理解和記憶：人類右腦記憶圖像的速度比左腦記憶抽象的文字快 100 萬倍
3. 傳遞信息更豐富：讓數(shù)據(jù)“說話”，傳遞有價值的信息。

確定業(yè)務目標，一般是 PM 給到的，之后確立指標分析維度，然后選定可視化圖表類型，后面就是視覺效果的內容。本文主要聚焦“確定指標分析維度”以及“選定可視化圖表類型”

可視化圖表維度：橫看成嶺側成峰。同一個指標數(shù)據(jù)，偏比較維度的，偏構成維度的，從不同維度分析就有不同結果。

二、比較類圖表

下文的所有的圖表均通過案例，拋開純理論性內容，基于實際業(yè)務情況出發(fā)。

1. 柱狀圖

柱狀圖：用于描述分類數(shù)據(jù)之間的對比，十分通用

使用情景：相比較 2019 年廣東、浙江、江蘇、湖南、福建五個省份的營業(yè)額差距，用柱狀圖

使用說明：

1. 分類不局限于地區(qū)、品類，可以是一個時間周期
2. 數(shù)量應控制在 5-12 條最佳，如果超出 12 條，易讀性、簡潔直觀性就不那么強了

可不可以用餅圖呢？

不可以，因為餅圖更容易讀取部分占總和的比例，柱狀圖，更容易讀取數(shù)值之間的大小。

2. 條形圖

條形圖：柱狀圖跟條形圖的本質是一樣的，都是比較數(shù)字大小，只是交換了 XY 軸的位置

使用場景：相比較福建省 top15 的門店營業(yè)額多少，產品提出平時在手機端查看數(shù)據(jù)較多

使用說明：

1. 當條目較多大于 12 條，以及屏幕更多是豎長的時候，例如手機端，或者大屏的一側的時候，柱狀圖會顯得擁擠不堪 ，更適合條形圖。
2. 多用于 top 排行或分類名稱較長的情況。
3. 數(shù)量一般不超過 30 條，否則容易帶來視覺和記憶負擔。

3. 柱形圖與條形圖使用注意事項

①柱狀圖和條形圖使用過程中要盡量避免圓角，因為可視化很重要的使命是準確，大圓角不易識別。

②Y 軸要從零開始，為什么要從零開始呢，以下圖為例，假如你做了這份報表給領導，領導會誤認為左邊漲勢喜人，可真的從零開始，實際上漲勢偏于平緩。從零開始，能暴露數(shù)據(jù)的真實問題。

③名稱較長的時候，優(yōu)先用條形圖

4. 折線圖

折線圖：橫軸為連續(xù)類別（如時間）且注重變化趨勢時候，適用折線圖

使用場景：想查看今年 5 月份單日營業(yè)額情況，并且對走勢做分析

使用說明：

1. 橫軸如果不是表示連續(xù)數(shù)值，折線圖的意義不大
2. 數(shù)量一般 不少于 3 天，否則用柱狀圖更合適

5. 面積圖

面積圖：折線表示走勢，面積表示營業(yè)額

使用場景：想查看今年 3 月份和去年 3 月每日營業(yè)額走勢，同時對整月營業(yè)額做個對比

使用說明：

1. 隨時間的變化趨勢和累積的值，適用面積圖
2. 面積圖如果要有意義，橫軸同樣需要表示連續(xù)數(shù)值

6. 折線圖與面積圖使用注意事項

①要保證橫軸一定要連續(xù)的，才有意義

②1 月份的倉庫貨量，五個月的倉庫貨量都加起來數(shù)據(jù)并沒有意義。假如把倉庫貨量改成倉庫凈貨量，面積圖數(shù)據(jù)就存在意義了。第二個圖正確的原因是在做視覺設計的時候，希望數(shù)據(jù)展現(xiàn)的不那么單薄，常常會加個漸變，看起來更有體積感，但是別做成面積圖。

7. 分組條形圖

分組條形圖：也可以叫分組柱狀圖，可以從多個維度去對比

使用說明：相比較當月廣州 4 個門店，服裝、鞋子帶來的營業(yè)額有多少

8. 雙向條形圖

使用場景：相比較當月福建省 5 個門店，收入支出情況分別是多少？

使用說明：

1. 適用于兩組以上分類數(shù)據(jù)的比較。負值概念表現(xiàn)的更強一些。
2. 不要忘記圖例，可以用顏色或者填充的不同
3. 組內的二級分類不要超過 3 個

9. 南丁格爾玫瑰圖

玫瑰圖：與柱狀圖很像，把柱狀圖的橫坐標變成極坐標圍起來也就是玫瑰圖。玫瑰圖的每個角度都是等分的。玫瑰圖映射到數(shù)據(jù)上，比較的是扇形的半徑。

使用場景：想回報福建 8 個門店的營業(yè)額，回報過程中，想再視覺效果上夸大一下門店之間的差距。

使用說明：

1. 玫瑰圖是有幾個數(shù)據(jù)就把圓幾等份，對應數(shù)據(jù)大小繪制不同長度的半徑。
2. 一種圓形的直方圖，使用半徑長短表示數(shù)值大小。
3. 由于面積等于半徑的平方，玫瑰圖會將數(shù)值之間的差異放大
4. 玫瑰圖不能用于表示占比構成
5. 一般不超過 30 條，否則容易帶來視覺記憶負擔。

10. 雷達圖

雷達圖：常用于多維的性能數(shù)據(jù)，如綜合評分

使用場景：想要根據(jù)商場的綜合評分，看下這款連衣裙的顧客反饋

使用說明：

1. 指標得分接近圓心，說明處于較差狀態(tài)，應分析改進。指標得分接近外邊線，說明處于理想狀態(tài)。
2. 數(shù)量控制在 5-8 個最佳

11. 子彈圖

子彈圖：對比分類數(shù)據(jù)的數(shù)值大小以及是否達標

使用場景：廣州市 5 個門店都制定了相應的營業(yè)額目標，廣州區(qū)經歷想要查看目前的進度情況

實用說明：

1. 可以通過標記刻度區(qū)間，來進行更好的評估
2. 數(shù)量控制在 10 個以內

12. 漏斗圖

漏斗圖：適用于業(yè)務流程比較規(guī)范、周期長、環(huán)節(jié)多的單流程單向分享

使用場景：想要了解網(wǎng)上商城，顧客從瀏覽商城到交易成功的一個層層轉化情況

使用說明：繪制時候必須是直線，不可能為曲線。直線的傾斜程度表示轉化率

不適合表達無邏輯順序的分類對比。

13.使用注意事項

要保證路徑唯一 單流程，右圖辦理會員人數(shù)大于到店客戶是不合理的，可能會有線上用戶辦理會員，導致辦理會員人數(shù)多于到店人數(shù)。這個時候線上 線下區(qū)分兩個圖表達。

14. 階段小結

比較類圖標，用的最作的就是柱狀圖，分組比較多的用條形圖，表示性能的用雷達圖。想凸顯差距用玫瑰圖。基于時間 X 軸連續(xù)的變化趨勢類的用折線圖，基于業(yè)務流程的用漏斗圖，基于目標用子彈圖。

三、構成類圖表

1. 餅圖

餅圖：表示不同分類的占比情況，整個圓餅代表數(shù)據(jù)的綜合

使用場景：想看 2019 年廣東營業(yè)額構成情況

使用說明：通過角度或弧長大小來對比各種分類，分類數(shù)量不超過 9 個

2. 環(huán)圖

環(huán)圖：本質是餅圖中間區(qū)域挖空，但是環(huán)圖的降噪感會比餅圖好的多

使用場景：與餅圖一樣

使用說明：

1. 餅圖的整體性太強， 我們會將注意力更多集中在扇形面積上，環(huán)圖則可以很好的避免這個問題。
2. 建議分類數(shù)量不超過 9 個

3. 圖表使用對比

top5 只是數(shù)據(jù)的一部分，并不是總和。如果在環(huán)圖加一項「其他」也是可以的

4. 旭日圖

旭日圖：適合展示多層級數(shù)據(jù)的占比關系

使用場景：想查看廣東省營業(yè)額構成，同時關注深圳市幾個門店的營業(yè)額構成

使用說明：

1. 旭日圖是多張餅圖的集合
2. 離圓心越近，代表層級越高
3. 下一層級的綜合構成上一層級

5. 堆疊面積圖

堆疊面積圖：除了表達趨勢外，也表達了營業(yè)額的總和

使用場景：查看 5 年來深圳時營業(yè)額總體趨勢和 4 個門店的構成情況

使用說明：分類指標的縱軸起點，并不是從 0 開始，而是在上一個分類基礎上疊加

6. 堆疊柱狀圖

堆疊柱狀圖：表達一級分類的比較，以及二級分類的占比構成

使用場景：比較 5 年來深圳時營業(yè)額總體趨勢和 4 個門店的構成情況

使用說明：二級分類并不是按照同一基準線對齊的

7. 瀑布圖

瀑布圖：用于表達兩個數(shù)值之間的變化過程

使用場景：想查看 2019 年深圳時經營收支情況

使用說明：過程值為正的時候向上加；過程值為負的時候向下減；

8. 階段小結

如果想表達的數(shù)據(jù)只有一級分類，就選擇餅圖以及環(huán)圖。優(yōu)先選擇環(huán)圖，適用范圍更廣，視覺的降噪感會更強。涉及到多級分類，用旭日圖。旭日圖是可以結合業(yè)務需求無限往下細分的。如果 X 軸是連續(xù)的，且為了看數(shù)據(jù)構成同時看變化趨勢，選擇堆疊面積圖。如果 X 軸不連續(xù)，多個維度的構成且看趨勢選擇。

四、分布與聯(lián)系

1. 基于地圖的熱力圖

熱力圖：用顏色深淺表示數(shù)字區(qū)間。由于顏色有規(guī)律的心智模型是不可以調換位置。也可以用色相的冷暖來做區(qū)分。

使用場景：查看全國各地的門店數(shù)量

使用說明：地圖可以結合多種不同的可視化方式；位置坐標更精確。

2. 散點圖

散點圖：表達樹枝在兩個標量之間的分布情況

使用場景：想查看今年的單品成本和收入分布情況

使用說明：可以結合顏色來標記不同的類別；每一個圓點代表一個單品

在散點圖基礎之上，氣泡圖圓形表示的銷量，面積表示銷量大小。

五、數(shù)據(jù)可視化使用目標

使用目標：讓用戶用最短的時間，了解到數(shù)據(jù)帶來的信息

每種圖標都有優(yōu)先和局限性，選擇最合適的圖標，必要時可以組合使用

從需求和目標出發(fā)，不要盲目的增加刪減元素，實用性大于美觀。