本文介紹了數據產品經理需要懂的常用圖表設計，并針對19種圖表的定義、適用場景、優缺點，進行了分析說明。

概述

數據產品經理在日常產品設計時經常需要設計一些圖表來對數據進行更好的展現，也能方便用戶更好的從數據中獲得有價值的信息。圖表是將數據進行可視化展現的圖，用來方便理解大量數據以及數據間的關系。數據產品經理在進行圖表設計時首先進行需求的分析，熟悉數據并且明確數據要展現出來的信息，然后選用合適的圖表來進行數據的展現。

常用圖表

常用的圖表有很多，在進行數據產品設計時需要根據數據選用合適的圖表展現來把數據的信息傳達給用戶，因此，我們需要熟悉每種圖表的定義、適用場景、優缺點，這樣才能快速選擇合適的圖表。

1. 柱狀圖

定義：柱狀圖是一種以長方形的長度為變量的統計圖表。長條圖用來比較兩個或以上的價值（不同時間或者不同條件），只有一個變量，通常利用于較小的數據集分析。

適用場景：數據集不大時數據比較

優點：直觀表達各組數據差異性，強調個體與個體之間的比較。

缺點：不適合大量的數據集數據展現；不適合表示趨勢。

2. 折線圖

定義：用于顯示數據在一個連續的時間間隔或者時間跨度上的變化，它的特點是反映事物隨時間或有序類別而變化的趨勢。折線圖分為直線折線圖和曲線折線圖。折線圖可以清晰的反映數據是遞增還是遞減、增減的速率、增減的規律（周期性、螺旋性等）、峰值等特征。

適用場景：反映變化趨勢

優點：直觀反映數據變化趨勢

缺點：數據集太小時顯示不直觀

3. 條形圖

定義：條形圖是用寬度相同的條形的高度或長短來表示數據多少的圖形。條形圖能夠使人們一眼看出各個數據的大小，易于比較數據之間的差別。

適用場景：適用于數據規模不大的數據展現

優點：直觀展現數據的差別

缺點：不適用數據集較大展現

4. 餅圖

定義：用于表示不同分類的占比情況，通過弧度大小來對比各種分類。餅圖通過將一個圓餅按照分類的占比劃分成多個區塊，整個圓餅代表數據的總量，每個圓弧所在的塊表示該分類占總體的比例大小，所有圓弧所在的塊組成的圓餅等于 100%?？梢院芎玫貛椭脩艨焖倭私鈹祿恼急确峙?。

適用場景：對一個對象和整體之間的關系進行比較

優點：直觀反映比例關系，了解數據的分布情況

缺點：分類過多，則扇形越小，無法展現圖表；無法直觀進行各個數據的比較，難以直接對數據大小進行排序。

5. 散點圖

定義：數據點在直角坐標系平面上的分布圖，表示因變量隨自變量而變化的大致趨勢。

適用場景：有效幫助查找異常值或了解數據的分布情況

優點：有一定的數據量時展現兩個變量之間是否存在數量關聯趨勢

缺點：數據量較少時無法展現關聯趨勢

6. 氣泡圖

定義：氣泡圖是顯示變量之間相關性的一種圖表，使用直角坐標系的兩個軸變量、氣泡大小和顏色變量來分析數據的規律。

適用場景：有一定的數據量是展現三個變量之前的相關性，數據具有3個序列、特征及相關值。

優點：數據量適中時反映數據的相關、分布和聚合。

缺點：數據量較小時無法反映數據的規律，數據量較大時不便于理解。

7. 面積圖

定義：是隨時間變化而改變范圍的圖表，又稱區域圖。

適用場景：用于傳達趨勢的大小，而不是確切的單個數據值。

優點：更直觀的表現趨勢的大小

缺點：數據盡量不要重疊，否則可讀性較差。

8. 雷達圖

定義：雷達圖又稱為蜘蛛網圖、網絡圖，蜘蛛圖，星圖，是以在同一點開始的軸上顯示的三個或更多個變量的二維圖表的形式來顯示多元數據的方法，其中軸的相對位置和角度通常是無信息意義的。

適用場景：適用于顯示三個或更多的維度的變量，常用于排名、評估、評論等數據的展示。

優點：用于綜合分析多個指標，具有完整，清晰和直觀的優點。

缺點：多維度但是不能太多，一般四到八個；比較的記錄條數不宜太多。

9. 箱型圖

定義：又稱盒須圖、盒式圖或箱線圖，是一種用作顯示一組數據分布情況的統計圖，使用了5個數字對分布進行概括，即一組數據的最大值、最小值、中位數、下四分位數及上四分位數。

適用場景：適用于比較多組數據的分布情況，快速識別異常值。

優點：能夠準確穩定地描繪出數據的離散分布情況，排除異常值的干擾，有利于數據的清洗

缺點：不能提供關于數據分布偏態和尾重程度的精確度量；在數據量較大時反映的形狀信息更加模糊；用中位數代表總體平均水平有一定的局限性。

10. K線圖

定義：原名蠟燭圖，又稱陰陽圖、棒線、紅黑線或蠟燭線，是反映價格走勢的一種圖線，其特色在于一個線段內記錄了多項訊息，相當易讀易懂且實用有效。K線可分“陽線”、“陰線”和“中立線”三種，陽線代表收盤價大于開盤價，陰線代表開盤價大于收盤價，中立線則代表開盤價等于收盤價。將某段時間內的各單位時間下的K線綜合起來便可繪出“K線圖”，其橫軸為時間，縱軸為價格。

適用場景：常用于展示股票、數字貨幣、期貨市場等交易數據。

優點：能夠全面透徹地觀察到市場上價格的真正變化，了解市場趨勢和波動。

缺點：繪制方法十分繁復，陰線與陽線的變化繁多，有一定的理解門檻。

11. 熱力圖

定義：以特殊高亮的形式顯示數據集中的區域和數據所在的地理區域的圖示，其背景往往是圖片或者地圖。

適用場景：適合用于直接對數據量較大的、相對原始的數據進行分析。

優點：可以直觀清楚地看到每一個區域的數據分布情況。

缺點：不適用于數值字段是匯總值，需要連續數值數據分布。

12. 儀表盤

定義：一個鐘表或者可讀盤，有刻度和指針，其中刻度表示度量，指針表示維度，指針角度表示數值，指針指向當前數值。

適用場景：數據總覽、管理報表或報告，直觀的表現出某個指標的進度或實際情況。

優點：用于進度或占比的展現

缺點：每個儀表盤只能一個維度，同時展現的指標也不宜過多，展示信息有限，不適用于表現數據的趨勢、分布特征。

13. 漏斗圖

定義：由多個梯形從上而下疊加而成。從上到下的項有邏輯上的順序關系，梯形面積表示某個業務量與上一個環節之間的差異。

適用場景：適用于業務流程比較規范、周期長、環節多的單流程單向分析，通過漏斗各環節業務數據的比較能夠直觀的發現和說明問題所在的環節，進而做出決策。

優點：清晰分析各個環節數據表現情況

缺點：無法比較數值，需要較大的數據量。

14. 地圖

定義：使用地圖作為背景，通過圖形的位置來表現數據的地理位置，將數據在不同地理位置上的分布通過顏色或者氣泡映射在地圖上。

適用場景：適合帶有地理位置信息的數據集展現，展現的通常是以某個地區為單位的匯總的連續信息。

優點：和地圖相結合，對數據的地理分步顯示直觀通過顏色深淺、氣泡大小等容易判斷度量的大小。

缺點：必須有地理信息，并且數據為匯總數據，氣泡容易疊加；數據分布和地理區域大小的不對稱。

15. 樹圖

定義：通過樹形結構來展現數據的組織關系，以父子層次結構來組織對象。

適用場景：適用于與組織結構有關的分析，即有明確的層次關系的數據。

優點：直觀的展現數據的層次關系，能夠看到各層級指標間的關系，可以進行簡單的上卷、下鉆等操作。

缺點：數據層級不宜過多，每層的成員不宜過多，無法展現各部分占比關系。

16. 矩形樹圖

定義：矩形樹圖采用矩形表示層次結構里的節點，父子節點之間的層次關系用矩形之間的相互嵌套隱喻來表達，矩形的面積大小通常對應節點的屬性。

適用場景：適合展現具有層級關系的數據，能夠直觀體現同級之間的比較。

優點：矩形樹圖比樹形結構圖能更有效的利用空間，并且擁有展示占比的功能。

缺點：當分類占比太小的時候文本會變得很難排布；矩形樹圖的樹形數據結構表達的不夠直觀、明確。

17. ?；鶊D

定義：?；鶊D用于描述一組值到另一組值的流向，是一種特定類型的流圖。它的起始流量和結束流量相同，所有主支寬度的總和與所有分出去的分支寬度總和相等，保持能量的平衡；在內部，不同的線條代表了不同的流量分流情況，它的寬度成比例地顯示此分支占有的流量；節點不同的寬度代表了特定狀態下的流量大小。

適用場景：通常應用于能源、材料成分、金融等數據的可視化分析。

優點：能較好的描述多級關系，按照層級給節點分類，適合的數據條數超過10條

缺點：?；鶊D需要保持能量守恒，不能在中間過程創造出流量，流失的流量應流向表示損耗的節點，所以每條邊的寬度是保持不變的。

18. 微型圖

定義：又稱迷你圖，主要是配合數值、比例進行圖形化展現其大小或者占比。

適用場景：多條數據列表展現

優點：突出每一條數據的數值、比例，強調單條數據的大小和趨勢。

缺點：數據項較多時，有效信息的獲取較為耗時；圖形中展現的信息較少，不能給出更詳細的信息。

19. 詞云

定義：又稱文字云，是文本數據的視覺表示，由詞匯組成類似云的彩色圖形，用于展示大量文本數據。每個詞的重要性以字體大小或顏色顯示。

適用場景：對比大量文本；使用圖片做邊界限制

優點：適合大量數據，展示文字更為直觀

缺點：不適合用于數據區分度不大和數量太少的數據

參考資料

https://antv.alipay.com/zh-cn/g2/3.x/demo/index.html

https://www.echartsjs.com/examples/zh/index.html

https://www.highcharts.com.cn/demo/highcharts

本文由 @ Eric 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議