本文是《如何七周成為數(shù)據(jù)分析師》的第五篇教程，如果想要了解寫作初衷，可以先行閱讀七周指南。溫馨提示：如果您已經(jīng)熟悉數(shù)據(jù)可視化，大可不必再看這篇文章，或只挑選部分。

前一篇文章列舉了常用的分析圖表，今天主要圍繞Excel常用的圖表技巧，以及圖表的設(shè)計(jì)規(guī)范展開。相信大家練習(xí)后，圖表設(shè)計(jì)能力會(huì)從下圖：

進(jìn)化到：

數(shù)據(jù)分析師應(yīng)該會(huì)設(shè)計(jì)圖表和報(bào)表。這里并不是要求大家像設(shè)計(jì)師一樣運(yùn)用Photoshop等軟件繪制，而是知道數(shù)據(jù)元素如何用圖表更好的表達(dá)，將數(shù)據(jù)蘊(yùn)含的信息展現(xiàn)出來(lái)。理解數(shù)據(jù)是分析師的工作，展示數(shù)據(jù)也是分析師的工作。

對(duì)于非數(shù)據(jù)分析師的崗位，諸如運(yùn)營(yíng)、產(chǎn)品和市場(chǎng)，每天也會(huì)接觸大量的報(bào)表，日?qǐng)?bào)周報(bào)項(xiàng)目報(bào)，用好圖表，讓枯燥的數(shù)據(jù)變成豐富的視覺，也是一種幫助。

重新認(rèn)識(shí)圖表

好的數(shù)據(jù)可視化，應(yīng)該設(shè)計(jì)和數(shù)據(jù)并存。數(shù)據(jù)分析師拿到很多數(shù)據(jù)，把它們像食材般加工成美味佳肴，但是菜色賣相不好，就讓人下不了筷子?？梢暬褪菙?shù)據(jù)的色香味，也是溝通和匯報(bào)的工具。圖表給自己看，再難看也無(wú)所謂，如果需要匯報(bào)給領(lǐng)導(dǎo)和同事，美觀和易讀至少需要吧，不然大家怎么了解你的分析成果。

今天的內(nèi)容傾向于報(bào)表化圖表的制作，好的圖表應(yīng)該有以下幾個(gè)要素：

可讀性

圖表的首要功能是解釋，而不是設(shè)計(jì)，尤其大部分圖表都會(huì)落入到過(guò)度設(shè)計(jì)的陷阱。

圖表設(shè)計(jì)，首先應(yīng)該是沒有設(shè)計(jì)

上圖是Excel老版本的默認(rèn)模板，連直男也無(wú)法忍受的酷炫3D漸變陰影風(fēng)。想當(dāng)年小鮮肉的我也為此目眩神迷，給翠花完成PPT作業(yè)都是用得這類設(shè)計(jì)……然后就沒有然后了。

當(dāng)我們使用這類圖表，反問(wèn)一句，這些設(shè)計(jì)有必要么？我們只需要用到柱形圖的對(duì)比，那么陰影用來(lái)干什么？漸變用來(lái)干什么？背景黑色用來(lái)干什么？

這些元素對(duì)我們解讀數(shù)據(jù)沒有任何幫助，甚至?xí)璧K讀者閱讀數(shù)據(jù)。

其次，好的圖表要能解釋數(shù)據(jù)，不同圖表有不同的使用方法，如果我要觀察銷售額的增長(zhǎng)，我就不應(yīng)該用餅圖。如果數(shù)據(jù)量過(guò)少，就不應(yīng)該使用散點(diǎn)圖。圖表使用可以看《如何七周成為數(shù)據(jù)分析師04：數(shù)據(jù)可視化之經(jīng)典圖表合集》。

精準(zhǔn)性

為了使數(shù)據(jù)的解讀不失真，數(shù)據(jù)應(yīng)要求精確到小數(shù)位。12.5比12好，尤其在對(duì)比數(shù)據(jù)的情況下。數(shù)據(jù)若再近一步精確，對(duì)解讀的意義就不大，反而對(duì)解讀者進(jìn)行干擾。

另外一種情況是單位換算造成的數(shù)據(jù)失真。例如3145米換算成3.1公里等，雖然是小細(xì)節(jié)，但不要出現(xiàn)某餅圖的各比例相加不等于100%的案例。

客觀性

數(shù)據(jù)的解讀因?yàn)槊總€(gè)人的觀點(diǎn)和視角不同，可以呈現(xiàn)諸多的結(jié)果。這也是我們常說(shuō)統(tǒng)計(jì)學(xué)會(huì)撒謊的原因。

有經(jīng)驗(yàn)的數(shù)據(jù)分析師甚至能夠引導(dǎo)分析的結(jié)果。

下圖是一張銷售額柱形圖，看來(lái)銷售額沒有啥特大變化嘛。

我們換另外一種圖表展示。就看到了變化的增長(zhǎng)趨勢(shì)。

實(shí)際上兩張圖表的數(shù)據(jù)沒有任何差異，為什么呢？區(qū)別只在坐標(biāo)軸。第一張圖的Y坐標(biāo)軸起始為0，第二張圖起始是2.45。第二張是截取了部分的柱形圖。

只是隨便動(dòng)動(dòng)手腳，數(shù)據(jù)表達(dá)就那么大差異，看來(lái)數(shù)據(jù)分析師也可以是陰險(xiǎn)角色啊。其他方法還有銷售額細(xì)分?？匆幌虏煌貐^(qū)的增長(zhǎng)，如果某幾個(gè)地區(qū)的增長(zhǎng)好，就單獨(dú)拎出來(lái)作圖，美其名曰抽樣。

統(tǒng)一性

統(tǒng)一是規(guī)范和約束圖表，當(dāng)圖表過(guò)多時(shí)，一個(gè)統(tǒng)一標(biāo)準(zhǔn)不會(huì)讓人眼花撩亂。

如果圖表整體顏色是冷色調(diào)，那么就不要再加入暖色。

如果圖表文字是雅黑，就不要再加入宋體。

如果某地區(qū)數(shù)據(jù)，用了柱形圖對(duì)比，其他地區(qū)也遵循柱形圖樣式。

如果某圖表，女性使用紅色，男性使用藍(lán)色，那么這一規(guī)范應(yīng)該在所有圖表體現(xiàn)。除了顏色，其他設(shè)計(jì)元素同理。

如果有多張圖表，圖表元素應(yīng)該統(tǒng)一，如標(biāo)題、坐標(biāo)軸刻度、坐標(biāo)軸位置等。

統(tǒng)一性是為了可讀性服務(wù)的，如果圖表樣式混亂，解讀者會(huì)非常困惑。你做一份男女差異的數(shù)據(jù)報(bào)告，前面男性數(shù)據(jù)都用藍(lán)色表示，突然換個(gè)粉色誰(shuí)會(huì)受得了？

后文的教程，都會(huì)遵循以上要素進(jìn)行設(shè)計(jì)。

如何設(shè)計(jì)

好的配色決定了圖表整體美觀上限，一般只選取兩到三種顏色加黑灰白。過(guò)多的顏色無(wú)法聚焦于圖表本身，會(huì)讓圖表變得像瑪麗蘇。

配色屬于設(shè)計(jì)領(lǐng)域的技能，分析師就不要學(xué)怎么搭配輔色對(duì)比色了。直接借助Adobe Color網(wǎng)站的色彩主題選取顏色。

第一個(gè)配色方案不錯(cuò)，高貴冷艷的商務(wù)風(fēng)。后續(xù)圖表我們均用此配色方案，下面是十六制顏色編號(hào)：

404B4F
82DFFF
CEF2FF
416F7F
A5C2CC

利用rand( ) 函數(shù)隨機(jī)生成示范數(shù)據(jù)，生成一張默認(rèn)的柱形圖。

比起酷炫3D漸變陰影風(fēng)，Excel2016的默認(rèn)圖表更易讓人接受，這張圖表在設(shè)計(jì)方面其實(shí)已經(jīng)合格。不過(guò)男同胞若要為姑娘們的PPT和Excel排憂解難，我們得再深入設(shè)計(jì)。

首先將數(shù)據(jù)和圖表分離在兩張sheet。

新sheet背景涂成灰色，記住是灰色?；疑且环N中立的顏色，它和任何顏色結(jié)合都不會(huì)顯得突兀。

接下來(lái)就是砍砍砍時(shí)間，我們將圖表上所有與數(shù)據(jù)表達(dá)無(wú)關(guān)的元素全部刪除：銷售額標(biāo)題移除、背景色設(shè)置為透明，柱形圖顏色調(diào)整為配色方案。

很多人會(huì)疑問(wèn)，為什么連標(biāo)題、背景色都要?jiǎng)h除。它和word的原理近似：設(shè)計(jì)樣式和內(nèi)容分離。圖表只需要聚焦于數(shù)據(jù)表達(dá)本身。標(biāo)題可以通過(guò)Excel的單元格添加，別用圖表的元素。

對(duì)第一列單元格顏色填充，拉高，開頭空兩格，輸入配色文字。

此時(shí)標(biāo)題的設(shè)計(jì)比圖表自帶標(biāo)題不知道好看到哪里去了。旁邊的單元格可以配上文字注釋，輔助閱讀者理解。設(shè)計(jì)的核心思路是通過(guò)單元格完善圖表，圖表只專注數(shù)據(jù)元素。

更優(yōu)秀的報(bào)表，會(huì)加入重點(diǎn)數(shù)據(jù)，引入更多圖表，用顏色劃分區(qū)塊，每一區(qū)塊對(duì)應(yīng)相應(yīng)的數(shù)據(jù)內(nèi)容，使之具有Dashboard的雛形。

因?yàn)闀r(shí)間有限，就不更多展開了（上海我直接復(fù)制的）。熟練后制作這樣的報(bào)表大約只要5分鐘，但是報(bào)表整體會(huì)直觀不少，隱性價(jià)值高（老板也會(huì)喜歡）。多補(bǔ)充一點(diǎn)，如果設(shè)計(jì)過(guò)程中圖表大小位置因?yàn)閱卧褚恢弊兓??？梢栽谶x項(xiàng)中選擇固定大小和固定位置，方便設(shè)計(jì)。

PPT和Excel是通用的，以上設(shè)計(jì)方法也適用在PPT中，相信大家已經(jīng)了解怎么設(shè)計(jì)出商務(wù)范的報(bào)表。大家可以參考Excel2016的默認(rèn)模板，都是出彩的設(shè)計(jì)。

我希望大家看到這里，能了解Excel圖表和報(bào)表的設(shè)計(jì)原理，但日后不要陷入一味追求美觀的道路。圖表是最終結(jié)果的呈現(xiàn)，作為報(bào)告讓它美觀無(wú)可厚非，但是在分析過(guò)程中，馬馬虎虎也就得了，畢竟自己看。在我的工作場(chǎng)景中，除了有需要，我也不會(huì)專門設(shè)計(jì)這類報(bào)表。

另外悄悄告訴大家，不要展示太牛逼的圖表設(shè)計(jì)技巧，不然以后老板都會(huì)讓你設(shè)計(jì)的……

ok，了解完圖表和報(bào)表設(shè)計(jì)，接下來(lái)講解中高級(jí)技巧。

復(fù)合圖表

復(fù)合圖表和次坐標(biāo)軸堪稱圖表屆的vlookup。它能給圖表添加更豐富的視覺表達(dá)。

前文中我增加了利潤(rùn)數(shù)據(jù)，現(xiàn)在我們需要計(jì)算利潤(rùn)的變化趨勢(shì)。因?yàn)槔麧?rùn)和銷售額不是同一個(gè)維度，再用柱形圖不合適，此時(shí)可以用折線圖。

點(diǎn)“選擇數(shù)據(jù)”，添加利潤(rùn)，Y軸選取利潤(rùn)所在數(shù)據(jù)區(qū)域。

這時(shí)候橙色就是利潤(rùn)。我們點(diǎn)擊橙色柱形圖，右鍵更改圖表類型為折線圖。

更改配色，雖然橙色也挺好看的，但為了統(tǒng)一性嘛。線條改為平滑。

利潤(rùn)和銷售額的數(shù)值在同一個(gè)度量范圍，可以共用坐標(biāo)軸。如果利潤(rùn)數(shù)值過(guò)小，比如零點(diǎn)幾，或者30%這種比例，那么在圖表上會(huì)近似一條平緩的直線，視覺表達(dá)欠佳。本圖的數(shù)據(jù)類型我不建議用次坐標(biāo)軸。下圖僅是舉例。

點(diǎn)擊折線圖，選擇坐標(biāo)軸系列選項(xiàng)，點(diǎn)次坐標(biāo)軸?？梢钥吹綀D表兩邊都出現(xiàn)了坐標(biāo)刻度。左邊是利潤(rùn)刻度，右邊是銷售額刻度，但在不做說(shuō)明的情況下閱讀者根本不會(huì)了解。為了可讀性，需要額外的增加元素說(shuō)明。這又無(wú)形中增加了設(shè)計(jì)復(fù)雜度。所以圖表的元素取舍有多方面的考慮因素。

輔助列

如果復(fù)合圖表及次坐標(biāo)軸堪稱圖表屆的vlookup，那么輔助列就是圖表的數(shù)據(jù)透視表。

在我之前的文章《Excel技巧：如何繪制一份優(yōu)秀的甘特圖（項(xiàng)目管理）》，里面甘特圖的繪制借助了輔助列。

這里講解如何利用輔助列繪制漏斗圖。

下圖是牛逼逼有限公司電商APP的銷售流程轉(zhuǎn)化，每一行代表用戶操作類型和對(duì)應(yīng)達(dá)成的用戶數(shù)。

漏斗圖的本質(zhì)是堆積條形圖。我們?cè)黾觾蓚€(gè)輔助列，計(jì)算方式為（最大用戶數(shù)-當(dāng)前用戶數(shù)）/2。

將列順序更改為輔助列1，用戶數(shù)，輔助列2的排序。然后新建圖表為橫向堆積條形圖。相信在這里大家已經(jīng)看出輔助列的作用了。

形狀出來(lái)了，接下來(lái)我們還需要幾步操作。點(diǎn)擊Y軸，選擇設(shè)置坐標(biāo)軸格式，逆序類別上打上勾。

圖表成功翻轉(zhuǎn)，將左右兩邊的條形圖顏色設(shè)置為無(wú)。對(duì)圖表元素砍砍砍，只保留核心元素。

接下來(lái)我們將圖表放到報(bào)表上，進(jìn)行適當(dāng)?shù)难b飾，搞定

輔助線／誤差線

輔助線和輔助列不一樣，輔助線是圖表附加的元素。輔助線能繪制高級(jí)圖表。

甘特圖在項(xiàng)目管理中用來(lái)統(tǒng)籌時(shí)間進(jìn)度。如果我需要在現(xiàn)有的圖表基礎(chǔ)上增加原計(jì)劃實(shí)際計(jì)劃，應(yīng)該怎么做？下圖是牛逼逼公司在其APP上準(zhǔn)備的雙十二促銷活動(dòng)計(jì)劃表。如何直觀的用甘特圖表示活動(dòng)進(jìn)度？

先增加一列輔助列。該列輔助列用于后續(xù)定位。數(shù)值等值增加即可。

選擇計(jì)劃開始時(shí)間和輔助列，插入圖表，帶折線的散點(diǎn)圖（只選數(shù)字即可，不要選自段名）。

現(xiàn)在看不出這是甘特圖，不要緊，對(duì)Y軸進(jìn)行逆序排列。點(diǎn)擊圖表的添加元素，增加誤差線-標(biāo)準(zhǔn)誤差，誤差線就是我們的輔助線。

誤差線是高級(jí)圖表經(jīng)常用到的功能，箱線圖、標(biāo)靶圖／子彈圖都能用誤差線做出來(lái)。下圖十字狀的線條就是誤差線。

選擇橫向的水平誤差線，點(diǎn)擊設(shè)置格式，方向正誤差，無(wú)線端，誤差值自定義，選擇計(jì)劃使用時(shí)間這一列。

刪除垂直誤差線，對(duì)誤差線線條加粗，設(shè)置顏色?，F(xiàn)在有一點(diǎn)甘特圖的樣子了。

點(diǎn)擊圖表選擇數(shù)據(jù)，新增加一個(gè)系列，數(shù)據(jù)源選擇實(shí)際開始時(shí)間和輔助列（在最開始建立散點(diǎn)圖時(shí)，其實(shí)可以一并選擇的）。

點(diǎn)擊橙色這條線，重復(fù)誤差線的建立。在誤差線自定義值時(shí)，不要選擇計(jì)劃使用時(shí)間，而是實(shí)際完成時(shí)間。設(shè)置線條顏色的時(shí)候，用另外一種顏色和樣式，以便區(qū)分。

將橙色和藍(lán)色填充為無(wú)，移除無(wú)用的設(shè)計(jì)元素。我們把甘特圖放到報(bào)表中。

因?yàn)闀r(shí)間關(guān)系，甘特圖還是缺漏部分說(shuō)明元素的。大家有興趣可以自己優(yōu)化。

誤差線是一種高級(jí)用法，在高級(jí)的可視化分析中我們會(huì)用誤差線進(jìn)行統(tǒng)計(jì)型的分析，后續(xù)的章節(jié)內(nèi)容中會(huì)再次學(xué)習(xí)。

最終這幅報(bào)表就是成果，不知道大家有沒有掌握。其實(shí)Excel還有更強(qiáng)大的功能，比如切片，比如動(dòng)態(tài)圖表，比如各插件，通過(guò)一系列的組合可以做出半自動(dòng)報(bào)表，像財(cái)務(wù)報(bào)表、咨詢公司報(bào)表，都有各自的風(fēng)格，大家可以網(wǎng)上查詢學(xué)習(xí)。

下節(jié)課將教大家BI，繪制真正的Dashboard。如果大家的工作涉及到很多excel和分析，那么你會(huì)上升到新的臺(tái)階。下圖是范例。

相關(guān)閱讀

互聯(lián)網(wǎng)數(shù)據(jù)分析能力的養(yǎng)成，需一份七周的提綱

如何七周成為數(shù)據(jù)分析師01：常見的Excel函數(shù)全部涵蓋在這里了

如何七周成為數(shù)據(jù)分析師02：Excel技巧大揭秘

如何七周成為數(shù)據(jù)分析師03：手把手教你Excel實(shí)戰(zhàn)

如何七周成為數(shù)據(jù)分析師：Excel技巧之甘特圖繪制（項(xiàng)目管理）

如何七周成為數(shù)據(jù)分析師：Excel技巧之打造多級(jí)菜單

如何七周成為數(shù)據(jù)分析師04：數(shù)據(jù)可視化之經(jīng)典圖表合集

#專欄作家#

秦路，微信公眾號(hào)ID：tracykanc，人人都是產(chǎn)品經(jīng)理專欄作家。

本文由 @秦路?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自PEXELS，基于CC0協(xié)議