堆疊柱狀圖、面積圖、餅圖與漏斗圖的設計指南

​截止目前為止，關於圖表設計我們已經講了四期，一是關於圖表設計的原則與步驟詳解：

乾貨 | 資料的關係與圖表設計步驟

二是表格與條形圖的設計指南：

乾貨 | 表格、條形圖、堆疊圖和雙向條形圖的設計指南

三是折線圖與柱狀圖的設計指南：

乾貨 | 折線圖與柱狀圖設計指南

四是散點圖、氣泡圖、雷達圖設計指南

乾貨 | 散點圖、氣泡圖、雷達圖設計指南

今天，我們沿著思路繼續講，將繼續介紹關於“構成”的相關圖表。

Part 1

堆疊柱狀圖

堆疊柱狀圖是一種用來分解整體、比較各部分的圖表。它是柱狀圖的擴充套件，不同的是，柱狀圖的資料值為並行排列，堆疊柱圖則是一個個疊加起來的。它可以展示每一個分類的總量，以及該分類包含的每個小分類的大小及佔比，並且這些子類別一般用不同的顏色來指代。

在STARiver平臺上，有基礎疊堆柱狀圖和百分比疊堆柱狀圖兩種圖表。

小技巧：

①避免用堆疊柱狀圖展示包含負數的資料

由於要分析部分資料在整體中的佔比，避免用堆疊柱狀圖展示包含負數的資料。因為柱子的高度必須為正數，有負數則無法直觀顯示在圖上。

②資料標籤特別長時，採用水平堆疊柱狀圖

大多數的堆疊柱狀圖都是垂直繪製的，但是如果你的資料標籤特別長時，考慮更好地展示效果，可以選擇使用水平堆疊的方式。

錯誤案例：堆疊柱狀圖最好的展示效果是每個組只包含兩到三個類別，最多不要超過6個，因為太多的資料系列會很容易讓人眼花繚亂。

Part 2

面積圖

面積圖能夠表述資料的時間序列關係， 它是在折線圖的基礎之上形成的，它將折線圖中折線與自變數座標軸之間的區域使用顏色或者紋理填充，這樣一個填充區域我們叫做面積。

在STARiver平臺上，有基礎面積圖一種圖表。

小技巧：

①要設計的簡單易懂；在堆疊類面積圖中，變化量較大的資料放在上方 變化幅度較小的資料放置在下方。

②Y軸從0開始；從零開始，讓資料視覺化更精確。

③不要展示超過4組的資料分類 ；太多的資料分類會讓圖表顯得繁雜，難於閱讀。

④靈活使用透明色 ；在標準的面積圖中，儘量確保資料不要重疊，如果重疊無法避免，可使用透明。

⑤不要用面積圖來展示離散資料 ；儘量展示變化較為穩定的資料，例如溫度，不要 展示離散性不穩定資料。

錯誤案例：

需要注意的是顏色要帶有一定的透明度，透明度可以很好的幫助使用者觀察不同序列之間的重疊關係，沒有透明度的面積會導致不同序列之間相互遮蓋減少可以被觀察到的資訊。

另外，面積圖不適合不同分類之間的數值比較，下圖是不同辦公用品的淨利潤情況。辦公用品之間沒有遞進關係，所以面積圖在這種情況下無法表示趨勢。

Part 3

餅圖

餅圖透過將一個圓餅按照分類的佔比劃分成多個區塊，整個圓餅代表資料的總量，每個區塊（圓弧）表示該分類佔總體的比例大小，所有區塊（圓弧）的加和等於 100%。

STARiver平臺上除了有標準餅圖，還提供環形餅圖、南丁格爾圖和玫瑰圖四種種型別。

小技巧：

①構成比例關係時，最好使用餅圖，給人一種整體的形象，可以展示每一部分所佔全部的百分比，比如產品A預計銷售額佔到所有產品銷售額的最大份額。

②為了使餅圖儘量發揮作用，在使用中不宜多於6種成分。人的眼睛比較習慣於按順時針方向進行觀察，所以應該講最重要的部分放在緊靠12點鐘的位置，如果沒有哪一個部分比其他部分更加重要，那麼就應該考慮讓它們從大到小的順序排列。

錯誤用法：

餅圖是透過面積呈現資料的變化，當各指標所佔比例接近時，無法直觀的判斷面積的大小，此時選擇條圖來呈現，規律就更加清晰。

另外，下圖是各個省的降雨量的佔比情況，因為這張圖上包含的分類過多，就出現了簡介中提到的問題，很難清晰對比各個省份的人口資料佔比情況，

Part 4

漏斗圖

漏斗圖適用於業務流程比較規範、週期長、環節多的單流程單向分析，透過漏斗各環節業務資料的比較能夠直觀地發現和說明問題所在的環節，進而做出決策。

漏斗圖用梯形面積表示某個環節業務量與上一個環節之間的差異。漏斗圖從上到下，有邏輯上的順序關係，表現了隨著業務流程的推進業務目標完成的情況。

在STARiver平臺上，擁有基礎漏斗圖一種圖表。

小技巧：梯形的高度、面積都是有意義的，不應想當然的篡改。漏斗圖作為一種統計圖表，漏斗圖的“長相”，本質上是由資料決定的。

錯誤場景：漏斗圖不適合沒有邏輯關係的資料，換句話說，如果資料不構成“流程”，那麼不能使用漏斗圖。下圖是各城市一年降水量圖，顯然不適合用漏斗圖。

下期，我們講解“分佈/地理”型別的圖片，這也是我們圖表型別講解的最後一期，還沒關注的朋友記得關注哦~