折線圖、柱形圖、堆積柱形圖、環(huán)形（餅）圖 ..... ?它們有關(guān)系么？該怎么選擇？最近接觸了兩個數(shù)據(jù)分析類項目，發(fā)現(xiàn)其實柱形圖是許多圖的“坯子”，其他圖形不過是從不同角度對它進行改造。

從一個例子來看看，各種圖形是怎么從柱形圖演變出來的？以及各種圖表繪制注意事項和適用場景。隨便編了一份數(shù)據(jù)（用真實車系名稱會讓人更有代入感，便于理解）：

原始數(shù)據(jù)（數(shù)據(jù)純屬虛構(gòu)）

柱形圖

上表中有三個車系，假設(shè)是它們今年1-3月份在汽車媒體上的關(guān)注時長（關(guān)注時長可以簡單理解為用戶瀏覽該車、以及將該車與其他車對比并瀏覽對比報告所花的時間，這個指標對于了解用戶的購車意向很有幫助）。

一般來說，我們了解一件事，都是先了解概況，再往下看詳細情況。就像考研錄取先得先過總分數(shù)線，然后在看各科是否都過線 。這份數(shù)據(jù)，我們看到的概況是：奔馳GLC總關(guān)注時長>奧迪Q5>寶馬X3，反應(yīng)在圖上就是：

柱形圖

通過它，可以很容易對各車系總關(guān)注時長進行對比，即使沒有數(shù)字標注，肉眼也大致能看出奔馳比奧迪多大約不到20個單位（奔馳奧迪之間差值不到兩條參考線高度的一半，而兩條參考線之間是40個單位。所以奔馳比奧迪多大約不到20個單位）、奧迪比寶馬多大約40個單位。試想一下，環(huán)形圖/餅圖/折線圖 都無法做到掃一眼就給人這樣的整體直觀感受。

繪制小貼士：

1.柱形最好從大到小排序；

2.各柱形均采用一個顏色 以避免顏色導(dǎo)致的精力分散，我這里是考慮到后面折線圖、環(huán)形圖等的延續(xù)性，所以用不同顏色代表不同車系了。

小結(jié)1：柱形圖擅長表達類目間的對比

折線圖

接下來注意嘍，要變身啦~~~~把每根柱都拍扁揉成團，再按時間橫向抻開，像抻面一樣，就得到了折線圖：

柱形圖 --> 折線圖

通過折線圖可以看到，奔馳上升勢頭最明顯，奧迪和寶馬都有下降趨勢。折線圖能夠最直觀表達趨勢變化。

關(guān)于折線圖，想多說兩句，因為它是被濫用最多的圖，比如下例：

用錯的折線圖

為什么說這個折線圖被濫用了？看下橫坐標：“尖草坪區(qū)”、“晉源區(qū)”、“萬柏林區(qū)”...各區(qū)之間是獨立的，任意兩個中間無法繼續(xù)分割出新區(qū)------這種無法一直分割下去的數(shù)據(jù)類型屬于【離散數(shù)據(jù)】，離散數(shù)據(jù)并不適合用折線圖來表達，柱形圖更適合。

那么，什么類型數(shù)據(jù)最適合用折線圖表達呢？就是與離散數(shù)據(jù)相對的【連續(xù)數(shù)據(jù)】-----可以無限分割的數(shù)據(jù)。如果數(shù)據(jù)可以不斷分割出有意義的實體，那它就屬于連續(xù)數(shù)據(jù)。例如時間，8：00和10：00中間是9:00；8:00到9:00中間是8:30；8:30:00到8:31:00中間是8:30:30.....你可以一直往下抻，它的組成要素是無法窮盡的。而離散數(shù)據(jù)中間什么都沒有，無法把它們想象成一根抻面，它們是一堆散落的石頭，兩塊石頭中間是空氣，沒有連接，沒法抻。

繪制小貼士：

1. 如果一定要展示多條折線，最多不要同時展示超過5條。根據(jù)7加減2法則，一般人的短時記憶容量約為7個加減2個，即5--9之間。

2. 如果一定要用雙Y軸，確保這兩個指標是有關(guān)系的。比如市場份額雖然增加了，但是收入?yún)s在下滑。這可以提醒決策者，是否要修改戰(zhàn)略因為市場在萎縮。

小結(jié)2：折線圖擅長表達趨勢

堆積條/柱形圖

柱形圖可以秒變堆積柱形圖：

柱形圖 --> 堆積條/柱形圖

方案一 連起來：如果把每個車關(guān)注時長連起來 再橫過來，就是堆積條形圖（偷懶沒畫坐標軸）：可以看到三個車系總共獲得多少關(guān)注時長、以及各車系關(guān)注時長分月構(gòu)成；

方案二 按月細分：把每個車的關(guān)注時長按月細分，會得到三個堆積柱形：既能看到三個車系關(guān)注時長總量對比，也能下鉆看到每個車系各月份的構(gòu)成。

堆積柱/條形圖還有一個變種，就是百分比堆積柱/條形圖，能夠相對方便的對比各個月份占比----例如 想對比奔馳一月占奔馳一季度的占比 和 奧迪一月占奧迪一季度的占比，以及二月的、三月的.... 只要把代表三個車系的柱形都拉伸到等高，就可以了。見下圖右側(cè)的百分比堆積柱形圖

絕對值堆積柱圖 --> 百分比堆積柱圖

小貼士：要素盡量不要太多，超過五個就不好對比了。上方右側(cè)圖中，只有一月和三月很容易做對比，因為有共同起點或終點，而二月的就不太容易對比了。 距離X軸最近和最遠的兩個小柱形）比較方便做對比。因此，如果有很多長尾要素，最好合并成其他。

小結(jié)3：堆積柱/條形圖擅長表達要素構(gòu)成

環(huán)形圖

堆積柱/條形圖頭尾相連，就能得到環(huán)形圖：

堆積柱形圖 --> 環(huán)形圖

環(huán)形圖會讓人對各個車占整體的份額有比較直觀的感受，即使不看占比數(shù)值標注，也可以一眼從圖形得出奔馳份額最多 接近總關(guān)注時長的一半；奧迪比奔馳少一點點。而堆積柱形圖就不太容易看一眼就得出這個結(jié)論。畢竟，我們的大腦均分一個圓形比均分一個長方形容易太多。不信你試試，很容易做到一次把一個圓形平均分多達八份，但很難一次把一個長方形平均切八份，拿我自己來說，我一次最多能均分兩份，想分四份我得先標上一半的位置，然后再把這兩份分別再切兩份。

餅圖和環(huán)形圖是同類，并且很容易通過環(huán)形圖變幻出來。將環(huán)形圖圓心與每個顏色交接出連線再涂上對應(yīng)的顏色，就會得到一個餅圖，其表達含義與環(huán)形圖一致，也是比較方便看份額

環(huán)形圖 --> 餅圖

小貼士：環(huán)形或扇形切片的排序有講究：份額排名第一和第二的要素，放在左上角和右上角，份額第三及以后的要素可以順著排名第二的往下排。這樣可以保證最重要的內(nèi)容在最重要的位置，因為人的閱讀習(xí)慣是從上到下的。否則，如果只是簡單按順時針或者逆時針排，反正無論哪個時針，份額最小的要素都會跑到最上面。（但目前很多插件比如echart、highcharts確實是按照簡單逆時針排序，不知道是沒有意識到這一點還是程序上實現(xiàn)有困難）

小結(jié)4：環(huán)形圖、餅圖擅長表達個體占整體的份額

旭日圖

環(huán)形圖或餅圖，把每一環(huán)或每個扇形繼續(xù)細分，可以得到旭日圖。偷個懶就不畫了，就是在環(huán)形或餅形外面再套一層或多層環(huán)形。示意圖：

來源：highcharts

這種圖優(yōu)勢：不但能看到一級類目（瀏覽器）的份額，還能看到二級類目（瀏覽器版本）占整體市場的份額；

缺點：元素多的時候會比較亂，所以占比小于某個值的類目就不做顯示了。

小結(jié)5：旭日圖擅長表達兩級類目份額

總結(jié)：數(shù)據(jù)圖表就是為了讓人更直觀的理解數(shù)據(jù)背后的結(jié)論，盡量讓人一看就明白。匹配對業(yè)務(wù)場景是關(guān)鍵。千萬不要追求形式好看 為了作圖而作圖，明明不適合用某些圖 卻因為追求dashboard的視效豐富，非用某些圖。跑偏了難以理解那還不如直接用文字把結(jié)論寫出來。