說到圖表，大多數(shù)人腦子里都會浮現(xiàn)出 Excel 圖表里的六大不老男神：柱狀圖,、條形圖,、折線圖、餅圖,、散點圖,、雷達(dá)圖。 

雖然圖表界不斷有小鮮肉冒出,，比如樹狀圖,、箱線圖等，但這六大基礎(chǔ)圖表的地位一直未被撼動,。

要想做好數(shù)據(jù)可視化,，首先要對基本圖表足夠熟悉！本系列文章將對數(shù)據(jù)可視化過程中所用到的基礎(chǔ)圖表和流行圖表展開詳細(xì)梳理,，以幫助大家更好地使用圖表進(jìn)行數(shù)據(jù)可視化,，第一篇我們先從柱狀圖和折線圖說起,。

（為了讓大家有更直觀的感受，基礎(chǔ)圖表篇系列文章里的圖表基本都是借助 Excel 生成,。） 

 官方解釋：柱狀圖(bar chart),，是一種以長方形的長度為變量的表達(dá)圖形的統(tǒng)計報告圖，由一系列高度不等的縱向條紋表示數(shù)據(jù)分布的情況,，用來比較兩個或以上的價值（不同時間或者不同條件）,，只有一個變量，通常利用于較小的數(shù)據(jù)集分析,。柱狀圖亦可橫向排列,，或用多維方式表達(dá)。

下面分別是我用自己數(shù)據(jù)生成的查看手機(jī)次數(shù)的柱狀圖和今日頭條后臺提供的某篇文章傳播數(shù)據(jù)的柱狀圖,。

▲小數(shù)同學(xué)每天查看手機(jī)的次數(shù)

▲某文章在今日頭條后臺的統(tǒng)計數(shù)據(jù)

結(jié)合官方解釋,，我們關(guān)注三個主要信息點：

1.柱狀圖適用于小數(shù)據(jù)集分析。如果我們就任性地想把它應(yīng)用到大數(shù)據(jù)集中,，會發(fā)生什么呢,？（此時肯定不能用 Excel 驗證我們的想法了，因為 Excel 最多支持 255 個數(shù)據(jù)系列）我將某電商平臺的商品發(fā)貨數(shù)據(jù)導(dǎo)入 DataHunter 的后臺進(jìn)行試驗：”商品編號”作為維度,，“商品發(fā)貨件數(shù)”作為度量,，總共 1000 條數(shù)據(jù)，生成柱狀圖如下：

▲DataHunter 后臺生成的發(fā)貨件數(shù)柱狀圖

現(xiàn)在可以明顯的看出柱狀圖在處理大數(shù)據(jù)集時的劣勢：很難對每個商品做明確區(qū)分,，多種商品擠在一起,，無法區(qū)分出商品之間的發(fā)貨量對比。（PS.上邊的錯誤操作,，請勿模仿哦~）

2.二維圖表：只能有一個變量,，但可以比較多個值。

還是以上面小數(shù)同學(xué)查看手機(jī)次數(shù)的數(shù)據(jù)為例,，針對“周”這個單一時間變量,，我們把小獵同學(xué)的數(shù)據(jù)作為另一個值也引進(jìn)來，就可以對同一時間內(nèi)兩個人查看手機(jī)的次數(shù)進(jìn)行比較,。

通過下圖很明顯看到,，每個工作日小獵的手機(jī)查看次數(shù)要多于小數(shù)，周末則反之,。

▲小數(shù)和小獵一周內(nèi)查看手機(jī)次數(shù)對比

3.柱形圖橫過來,，就變成了我們習(xí)慣的條形圖。他倆的用法大致相同但又有些微差異：柱狀圖通常用來呈現(xiàn)變量的分布,，而條形圖經(jīng)常用來比較變量,；柱狀圖將數(shù)據(jù)按照一定的區(qū)間分組，而條形圖將數(shù)據(jù)分類。

放個條形圖的例子大家感受下：

▲HR眼中,，畢業(yè)生缺乏的素質(zhì)占比

在對柱狀圖有了大致了解后,，下面介紹如何給它做基本的可視化處理，主要從三個方面考慮：

• 顏色應(yīng)用：數(shù)據(jù)分離單獨著色以及品牌 logo 顏色的應(yīng)用

• 條紋及形狀個性化設(shè)置

• 去邊界及坐標(biāo)軸（一般看起來高大上的圖表,，都是能去掉的元素都去掉）

我們?nèi)匀灰孕?shù)同學(xué)查看手機(jī)次數(shù)的數(shù)據(jù)為基礎(chǔ),，按以上三個要點操作：通過選取 DataHunter 的 logo 色給工作日和休息日的數(shù)據(jù)系列分別著色；引入手機(jī)的 icon,；簡化背景網(wǎng)格線,。最后可得到有 DataHunter 特色的柱狀圖，如下所示：

（簡單舉例,，實際真正可視化的設(shè)計效果要酷很多）

▲小數(shù)每天查看手機(jī)的次數(shù)（優(yōu)化后）

小結(jié)：柱狀圖適合處理二維的小數(shù)據(jù)集,，與條形圖略有不同；可視化主要從顏色,、icon運(yùn)用和簡化圖表元素三個方面著手,。

如果說柱狀圖適合典型的二維小數(shù)據(jù)集分析，那么折線圖就是典型的二維大數(shù)據(jù)集分析工具,。具體咱們還是先看官方解釋：

官方解釋：折線圖可以顯示隨時間（根據(jù)常用比例設(shè)置）而變化的連續(xù)數(shù)據(jù),，因此非常適用于顯示在相等時間間隔下數(shù)據(jù)的趨勢。在折線圖中,，類別數(shù)據(jù)沿水平軸均勻分布,，所有值數(shù)據(jù)沿垂直軸均勻分布。 

同樣我們可以提取兩個重要信息點;

1.通常用于查看隨著時間推移某個事物的值的變化趨勢,；

2.適用于連續(xù)數(shù)據(jù)

下面的例子是小數(shù)最近 30 天的步行數(shù)

▲小數(shù)最近30天步行數(shù)趨勢圖

通過這個簡單的折線圖,，可以很明顯的看到這一個月里面，小數(shù)步行數(shù)的變化趨勢,。

同樣，折線圖可視化過程中有如下要點：

• 淡化網(wǎng)格線及背景,、加強(qiáng)品牌色運(yùn)用

• 突出數(shù)據(jù)折點

• icon 的運(yùn)用

簡單優(yōu)化后如下圖：

▲小數(shù)最近30天步行數(shù)趨勢圖（優(yōu)化后）

另外提一下,，可能大家會有疑惑，為什么把日期類型做了變換,？因為制作這張圖表的時候,，我突然想到，自己的步行數(shù)是否會與工作日有關(guān),，所以就將日期類型做了簡單的變換,。結(jié)果也很明顯，沒有趨勢表明我工作日比休息日步行數(shù)多,，所以可視化過程中,，根據(jù)自己的需求去變換圖表的維度也是很重要的一點。

注意：折線圖通常會與其他圖形結(jié)合使用（與柱狀圖結(jié)合、與面積圖結(jié)合等）

下面是折線圖與柱狀圖相結(jié)合的一個簡單例子,，柱狀圖表示 2006-2010 每年的國內(nèi)生產(chǎn)總值,，折線圖表示同比增長率的變化趨勢。

▲2006-2010 年國內(nèi)生產(chǎn)總值變化圖

小結(jié)：折線圖適用于處理隨時間變化的連續(xù)數(shù)據(jù),，可視化要點基本與柱狀圖相同,。折線圖的特點是經(jīng)常與其他圖形結(jié)合使用。

PS. 在可視化過程中,，除了顏色和 icon 的運(yùn)用,，字體也是設(shè)計師需要考慮的，這里就不再舉例了,，感興趣的小伙伴可以查看相關(guān)資料,。