資料分析常用圖表解析（上篇）

今日，不管是在d3.js，還是在Echarts上，我們都能輕鬆調用各式精美酷炫的互動圖表呈現數據。然而，你真的瞭解這些圖形的使用時機嗎？

為此，我們整理了15種常用視覺化圖表的用法及注意事項，希望能幫助你未來製作的每一張圖片都勝過千言萬語！！！並且，為了閱讀方便，我們將文章分為上下兩篇，本篇是上篇，先介紹其中7種圖表。

分清維度和指標

首先科普一下資料分析裡的兩個基本概念：維度（dimension）和指標（metric）。

例如，老闆說：「我想知道3月份北京地區啤酒的銷量和銷售額。」

那麼，這個需求描述中月份、地區、產品就是維度，銷量和銷售額就是指標，而3月份、北京、啤酒是對應維度的元素。在數據的世界裡，任何複雜報表和酷炫圖形，其本質都是維度和指標；然而，不同BI工具對二者的稱呼略有差異，以MicroStrategy（微策略）為例，微策略BI產品中，實體指的就是維度，度量則是指標。

常見視覺化圖表

一、圓餅圖（pie chart）

示例：分析各產品占總銷售額比例，上圖可以看出電器類銷售額占比最高。

形狀：磁區，圓環。

維度指標：1個維度+1個指標。

用途：各項大小與占總和比例。

注意事項：維度元素不宜太多（一般不超過5個），指標取值不能有負數，12點鐘方向開始順時針按占比大小排列，顯示資料標籤（元素或占比）。

二、條形圖（bar chart）

示例：上圖可以看出電器類銷售額最高，拉高了整體平均水準，四大類產品的實際銷售額都超過了目標，也可以看出大類下每個子類的銷售額貢獻。

形狀：垂直，水準，簇狀，堆積。

維度指標：1個維度+多個指標（一般不超過3個），或者多個維度（一般不超過3個）+1個指標。

用途：各項之間對比 。

注意事項：多個指標要注意類型（例如，左側軸Y1表示數量，右側軸Y2表示金額），根據需要可標出基準線（平均數，中值，固定值等），統一降冪或升冪排列，顯示資料標籤。

PS. 條形圖是德昂團隊最愛的圖形之一，簡單原始，直白易懂，令人感動。

三、折線圖（line chart）

示例：上圖可以看出銷售額總體逐月上升趨勢，銷售額與銷售量之間正相關，同時折線斜率在變化，即不同月份銷售量的變化對銷售額的影響是不同的。之後可加入二者的環比變化率，進一步分析變化因素。

形狀：折線。

維度指標：1個維度（一般是時間維度）+多個指標，或者多個維度（一般不超過2個）+1個指標。

用途：顯示隨時間變化趨勢及指標間關係。

注意事項：多個指標要注意類型（例如，左側軸Y1表示數量，右側軸Y2表示金額），根據需要可標出基準線（平均數，中值，固定值等），顯示資料標籤。

四、面積/區域圖（area chart）

示例：該圖與折線圖類似，呈現月度趨勢，同時通過面積區分各商品大類對銷售額的貢獻，其中電器銷售額最大，電影和音樂差不多，書籍銷售額最少。

形狀：面積，堆積。

維度指標：1個維度（一般是時間維度）+1個指標，或者多個維度（一般不超過2個）+1個指標。

用途：顯示隨時間變化趨勢，部分與整體的關係。

注意事項：顯示資料標籤。

五、組合圖（combo chart）

示例：上圖可以看出每項商品大類的月度趨勢，實際銷售額用條形圖表示，目標銷售額用刻度表示，環比增長率用折線表示。

形狀：條形，折線，刻度，面積等組合。

維度指標：多個維度（一般不超過2個）+多個指標（一般不超過3個）。

用途：各項之間對比，顯示隨時間變化趨勢及指標間關係。

注意事項：多個指標要注意類型（例如，左側軸Y1表示數量，右側軸Y2表示金額），根據需要可標出基準線（平均數，中值，固定值等），顯示資料標籤。

六、熱圖（heat map）

示例：上圖中每個色塊代表了一種商品類別，面積越大表示銷售額越大，面積越小表示銷售額越小，顏色越深藍表示環比增長率越高，顏色越深橙表示環比增長率越低。於是，我們從圖中可以看出電器銷售額最大且環比增長率最高，電影銷售額其次但環比增長率最低；同理，也可以瞭解商品子類的銷售及環比情況。

形狀：色塊。

維度指標：1個維度+2個指標（一個用面積大小表示，一個用顏色表示）。

用途：各項之間對比。

注意事項：維度元素不宜太多（一般不超過15個），用面積大小表示的指標取值不能有負數，從左上角開始按大小排列，顯示資料標籤。

七、氣泡圖（bubble chart）

示例：上圖中每個氣泡各自代表了一種商品類別，Y軸表示銷售額達成率，X軸表示環比增長率，氣泡越大代表銷售額越大。如圖，分別用X軸和Y軸的平均數，將該圖劃分成4個象限，可以清晰看出越往右上角方向（第一象限），氣泡越大的越是明星產品，反之越往左下角方向（第三象限），氣泡越小的則是急需改進優化的產品。

形狀：氣泡。

維度指標：1個維度+3個指標（一個用Y軸表示，一個用X軸表示，一個用氣泡大小表示）。

用途：各項之間對比。

注意事項：用氣泡大小表示的指標取值不能有負數，根據需要可標出基準線（平均數，中值，固定值等），顯示資料標籤。

PS. 劃分四個象限真心好用到哭～聽過魔力象限（Magic Quadrant）嗎？聽過波士頓矩陣（BCG Matrix）嗎？這些高大上的都可以用氣泡圖做出來哦！

視覺化圖表製作的其他要點

1.     畫風一致，不同圖形裡的維度元素顏色統一，指標顏色統一。例如，統一用藍色代表實際數，橙色代表目標數。另外，考慮到有顏色識別障礙的用戶，一般不太使用紅綠色。

2.     排序一致。例如，折線圖按時間維度升冪排列，圓餅圖、條形圖等按指標升冪或降冪排列。

總結

以上都是最簡單且常用的圖表。再次友情提醒，資料視覺化中形式和內容都很重要，尤其是要讓內容有分析意義，實際幫助發現和解決問題。儘管絢麗圖表有其優點，技術實踐上也不容易，但在追求絢麗圖表的同時，還是要著重在分析內容本身喔！

以上這些你都會了嘛？下篇將會介紹雷達圖，子彈圖等更高級圖表哦！敬請密切關注我們「DataonDemand資料分析筆記」，我們將不定期分享原創優質的文章！