之前 PPT 餅圖教程推出后,有小伙伴留言詢問(wèn)有沒(méi)有關(guān)于柱形圖 / 條形圖的一些玩法,想借此在一些匯報(bào)上突出新意,所以就有了今天這篇依舊很干的教程。
不得不說(shuō)柱形圖和條形圖在做數(shù)據(jù)匯報(bào)時(shí)很常用,但因?yàn)榇蠖鄶?shù)小伙伴在制作時(shí),習(xí)慣直接插入默認(rèn)圖表就算完事兒,所以做出來(lái)的效果往往千篇一律又不夠美觀:
也有一些小伙伴意識(shí)到直接插入默認(rèn)圖表顯得我們沒(méi)下過(guò)功夫,所以會(huì)花心思加上一些修飾的元素,但結(jié)果往往不盡人意:
那首先,我們分析下該怎么美化像上面這樣的柱形圖。
柱形圖和條形圖表達(dá)數(shù)據(jù)的邏輯差不多,只不過(guò)一個(gè)是豎放,一個(gè)是橫放,所以一些美化方法及玩法可以通用。
關(guān)于美化,有三步曲——刪除多余元素、修改配色和字體、突出重點(diǎn)信息。
嘿嘿是不是很簡(jiǎn)單,那我們開(kāi)始動(dòng)手啦。
①刪除多余的元素
所謂大道至簡(jiǎn),圖表也是如此。
圖表旨在傳達(dá)有效的信息,視覺(jué)上負(fù)荷的東西太多,反而會(huì)造成我們的審美疲勞,所以美化的第一步就是刪除多余的元素,比如:
刪除多余的形狀填充、形狀輪廓:
圖表區(qū)的填充色和輪廓 / 繪圖區(qū)的填充色和輪廓 / 坐標(biāo)軸處的框線 / 柱形的填充色和框線,這些都可以通過(guò)「形狀填充」和「形狀輪廓」進(jìn)行調(diào)節(jié)。
刪除多余的圖例 / 網(wǎng)格線 / 坐標(biāo)軸 / 柱形效果:觀察下哪些元素需要存在起到說(shuō)明作用的,但是沒(méi)有加上,哪些元素卻是多余的,比如這個(gè)案例中:
坐標(biāo)軸已經(jīng)標(biāo)明了各個(gè)月份,圖例就顯得多余了,可以刪除網(wǎng)格線或降低其透明度,數(shù)據(jù)標(biāo)簽都有了,縱坐標(biāo)軸數(shù)據(jù)就沒(méi)必要了,柱形的三維和陰影效果,很用心但是效果很雷人。
所以一律刪除,部分元素可以選中后按 delete 鍵直接刪除,比如圖例、坐標(biāo)軸、網(wǎng)格線:
②修改配色和字體
關(guān)于配色,上一篇餅圖教程講了一些方法,這里就不再贅述了。
字體建議用微軟雅黑 / 思源黑體這些比較適合圖表呈現(xiàn)的字體。(商業(yè)用途字體版權(quán)問(wèn)題需要注意)
③突出想要傳達(dá)的重點(diǎn)信息
有時(shí)候圖表不僅要做呈現(xiàn)數(shù)據(jù)的工作,還要能看出結(jié)論,這一步按需設(shè)置。
比如這里我給銷(xiāo)量最高的四月份填充成其他顏色,再對(duì)圖表做一些微調(diào),比如圖表的大小。
雙擊選中單個(gè)柱形修改配色,直接拖拽外框調(diào)整圖表大小:
同樣的,條形圖也可以按照這三步曲去美化——?jiǎng)h掉多余元素、修改配色和字體、突出重點(diǎn)加微調(diào),這樣基本的圖表美化就算完成了:
接下來(lái)是關(guān)于一些柱形圖 / 條形圖玩法的分享,學(xué)會(huì)了這些技巧,你的圖表會(huì)比他人更有新意哦。
先記住一點(diǎn):在柱形圖和條形圖中,想要設(shè)置哪一部分元素,就選中它,然后右鍵選擇對(duì)應(yīng)的格式設(shè)置。
比如要對(duì)網(wǎng)格線進(jìn)行設(shè)置,那選中網(wǎng)格線右鍵,就會(huì)有對(duì)應(yīng)的「設(shè)置網(wǎng)格線格式」;要對(duì)坐標(biāo)軸進(jìn)行設(shè)置,那選中坐標(biāo)軸右鍵,就會(huì)有「設(shè)置坐標(biāo)軸格式」。
①?gòu)?fù)制粘貼
談到柱 / 條形圖的玩法,大多數(shù)人知道復(fù)制粘貼這個(gè)小技巧,這里分成三類(lèi)來(lái)做個(gè)分享,分別是:直接復(fù)制粘貼、復(fù)制粘貼+層疊、輔助列+復(fù)制粘貼。
直接復(fù)制粘貼:
對(duì)于一些規(guī)則簡(jiǎn)單的形狀,直接 ctrl+c 復(fù)制形狀后點(diǎn)擊柱形,ctrl+v 粘貼即可。
粘貼成三角形后,想要修改顏色,需要在外面將三角形改成另一個(gè)顏色后再一次填充。
復(fù)制粘貼+層疊:
復(fù)制粘貼進(jìn)去的圖形默認(rèn)呈拉伸狀態(tài),如果我們用的是圖標(biāo),此時(shí)圖標(biāo)會(huì)被拉伸,需要用到「層疊」才能解決——柱形右鍵,選擇設(shè)置數(shù)據(jù)系列格式,在「填充」中將伸展改為層疊。
學(xué)會(huì)這一招,就可以找到與圖表主題相關(guān)的圖標(biāo),做出別樣又生動(dòng)的柱形圖啦。
輔助列+復(fù)制粘貼:
并不是所有形狀都可以直接復(fù)制粘貼,比如下面這個(gè)例子,粘貼后形狀就變形了:
這時(shí)候就需要用到輔助列,即把原數(shù)據(jù)拆成兩部分,輔助列部分為原數(shù)據(jù)中一個(gè)固定的數(shù)值,另外一列為剩下的數(shù)據(jù)。
比如輔助列設(shè)為400,剩下的一列就是每個(gè)月的原數(shù)據(jù)減去400,然后拖動(dòng)數(shù)據(jù)編輯窗口的藍(lán)色框線,除去原始數(shù)據(jù)在圖表中的顯示。
(注意編輯數(shù)據(jù)時(shí),「輔助列」在「原數(shù)據(jù)-輔助列」的右側(cè))
接著,將圖表類(lèi)型更改為「堆積柱形圖」,就可以對(duì)兩部分分別修改顏色及形狀:
這里留意兩點(diǎn):
一是如果編輯數(shù)據(jù)時(shí)「輔助列」沒(méi)有放在「原數(shù)據(jù)-輔助列」的右側(cè),橙色部分就會(huì)跑到柱形的底部;二是上面部分的彎曲程度跟輔助列數(shù)據(jù)的大小有關(guān)。
如果想要添加數(shù)據(jù)標(biāo)簽,可以先讓輔助列的數(shù)據(jù)標(biāo)簽顯示出來(lái),右鍵——設(shè)置數(shù)據(jù)標(biāo)簽格式——勾選「單元格中的值」,反勾選「值」,此時(shí)就會(huì)跳出編輯數(shù)據(jù)框供你選擇數(shù)據(jù)了。
結(jié)尾拖拽數(shù)據(jù)標(biāo)簽后會(huì)有一條引導(dǎo)線,也可以通過(guò)在「設(shè)置數(shù)據(jù)標(biāo)簽格式」中反勾選「顯示引導(dǎo)線」去掉。
②組合圖表
組合圖表,即圖表嵌套,主要是將兩個(gè)圖表分別設(shè)置為一個(gè)主坐標(biāo)軸,一個(gè)次坐標(biāo)軸,由此可以讓兩個(gè)圖表互不干擾地進(jìn)行顏色填充、復(fù)制粘貼等操作。
比如將兩個(gè)柱形圖組合,可以做出下面這樣的指標(biāo)完成圖:
將柱形圖和折線圖組合,就顯示這張圖表:
將兩個(gè)條形圖組合,做出下面這樣的對(duì)比圖:
先以第一個(gè)為例,我們插入柱形圖,輸入數(shù)據(jù):
接著點(diǎn)擊柱形圖,選擇「更改圖表類(lèi)型」為組合圖表,確保兩個(gè)圖表都是簇狀柱形圖,然后勾選「目標(biāo)值」為次坐標(biāo)軸:
此時(shí)有兩個(gè)縱坐標(biāo)軸,確保兩者的數(shù)據(jù)區(qū)間是一致的,不然圖表呈現(xiàn)會(huì)出錯(cuò)(選中柱形右鍵——設(shè)置坐標(biāo)軸格式——設(shè)置邊界值),然后刪除其中一個(gè)縱坐標(biāo)軸:
接著進(jìn)行修改配色和字體等微調(diào),就大致完成了,這里需要注意兩個(gè)柱形圖如果都設(shè)置填充色,一些柱形就會(huì)被擋住,所以我其中一個(gè)只設(shè)置輪廓色,另一個(gè)設(shè)置填充色:
有了復(fù)制粘貼以及第一個(gè)組合圖表的基礎(chǔ),第二張火箭圖就變得非常簡(jiǎn)單。
首先輸入兩列相等的數(shù)據(jù),然后更改圖表類(lèi)型時(shí),一個(gè)為柱形圖,另一個(gè)為折線圖,勾選其中一個(gè)為次坐標(biāo)軸,確保兩個(gè)縱坐標(biāo)軸的數(shù)據(jù)范圍一致后,刪除其中一個(gè)縱坐標(biāo)軸:
為了后面效果明顯,我先把圖片背景加上,網(wǎng)格線的設(shè)置可以通過(guò)選中網(wǎng)格線——右鍵設(shè)置網(wǎng)格線格式中,調(diào)整其透明度;接著將火箭圖標(biāo)復(fù)制粘貼到折線圖的標(biāo)記點(diǎn),并選中折線圖,設(shè)置形狀輪廓為無(wú),就可以把折線去掉,完成折線圖的美化:
接下來(lái)是柱形圖的美化,這里繪制形狀稍微有些耗時(shí),通過(guò)三角形編輯頂點(diǎn)+漸變填充得到:
調(diào)節(jié)好后進(jìn)行漸變填充:
選中形狀右鍵——設(shè)置形狀格式——漸變填充——類(lèi)型為「線性」,角度「90°」,設(shè)置兩個(gè)都為白色的光圈,前一個(gè)透明度0%,后一個(gè)100%:
現(xiàn)在可以對(duì)柱形復(fù)制粘貼啦,后面添加數(shù)據(jù)標(biāo)簽還有圖表標(biāo)題就不過(guò)多演示了~
最后是第三個(gè)對(duì)比條形圖的做法,首先插入條形圖,輸入數(shù)據(jù),可以看到編輯數(shù)據(jù)的類(lèi)別 2015-2018 跟條形圖中的順序是相反,通過(guò)選中坐標(biāo)軸右鍵設(shè)置坐標(biāo)軸格式中選擇「逆序類(lèi)別」即可,熟悉后你也可以選擇倒著設(shè)置數(shù)據(jù):
然后更改圖表類(lèi)型,兩個(gè)都為條形圖,其中一個(gè)為次坐標(biāo)軸,此時(shí)就會(huì)出現(xiàn)兩個(gè)橫坐標(biāo)軸:
按照前面的例子,我們接下來(lái)需要對(duì)比兩個(gè)橫坐標(biāo)軸的數(shù)據(jù)區(qū)間,刪除其中一個(gè),但目前兩個(gè)條形圖還是同向的,怎么反過(guò)來(lái)?
這里就需要在數(shù)據(jù)區(qū)間的邊界值上花點(diǎn)心思。我們把對(duì)比條形圖的中間線看作起始點(diǎn)0,左邊為負(fù),右邊為正,就可以明白數(shù)據(jù)區(qū)間應(yīng)該為一個(gè)負(fù)數(shù)到0再到正數(shù)的過(guò)渡:
觀察條形圖的坐標(biāo)軸范圍是 0-5,所以區(qū)間設(shè)置正數(shù)最大值為5,負(fù)數(shù)最小值為-5,即區(qū)間范圍是-5到5,然后將其中一個(gè)逆序(勾選逆序刻度值),坐標(biāo)軸就會(huì)倒置,從而起到讓條形圖相反的效果:
接著添加數(shù)據(jù)標(biāo)簽,刪除坐標(biāo)軸,修改配色和字體,就不多說(shuō)啦:
因?yàn)槭墙M合圖表所以同樣有兩個(gè)縱坐標(biāo)軸,目前這個(gè)是主縱坐標(biāo)軸,想讓縱坐標(biāo)軸(2015-2018)放在外面,我們選擇通過(guò)顯示次縱坐標(biāo)軸來(lái)達(dá)成:
只顯示次要縱坐標(biāo)軸,結(jié)尾出現(xiàn)的坐標(biāo)軸的邊框線可以通過(guò)形狀輪廓設(shè)置為無(wú)來(lái)去掉。
③系列重疊
系列重疊,即當(dāng)數(shù)據(jù)包含一個(gè)以上系列時(shí),可以在圖表中將其柱形 /條形 進(jìn)行重疊。
案例一:
這個(gè)圖表有兩種做法,一種是百分比堆積條形圖,一種是系列重疊。
百分比堆積條形圖比較簡(jiǎn)單,就不贅述了:
系列重疊法:
首先插入條形圖,錄入數(shù)據(jù),一個(gè)系列為總比例100%,另一個(gè)系列為各個(gè)年份的占比:
接著選中條形右鍵設(shè)置數(shù)據(jù)系列格式,這里有兩個(gè)調(diào)節(jié)選項(xiàng):系列重疊和間隙寬度
系列重疊:調(diào)節(jié)每個(gè)類(lèi)別中兩個(gè)條形重疊的程度,調(diào)節(jié)到100%即可完全重合
間隙寬度:條形的寬窄
最后調(diào)節(jié)顏色,加上數(shù)據(jù)標(biāo)簽就完成這個(gè)圖表的制作??雌饋?lái)百分比堆積更容易做,為什么要這么麻煩用系列重疊呢?因?yàn)檫\(yùn)用系列重疊可以做出下面這樣的圖表~
案例二:
案例三:
案例三也是用條形圖做成的,用到了系列重疊+復(fù)制粘貼,參考我們上面的條形圖系列重疊案例就可以做出來(lái),就不贅述啦。
我們來(lái)看下溫度計(jì)那張圖表是怎么實(shí)現(xiàn)的。同樣是用到了系列重疊這個(gè)知識(shí)點(diǎn),這次是柱形圖。
準(zhǔn)備好三個(gè)溫度計(jì)~高度和寬度跟柱形的高寬盡量保持一致:
對(duì)柱形圖設(shè)置系列重疊,然后將溫度計(jì)復(fù)制粘貼進(jìn)柱形圖,填充方式選擇層疊并縮放:
沒(méi)關(guān)系,我們調(diào)節(jié)單位與圖片的比例,默認(rèn)是1,我們可以往100調(diào),如果形狀變形可以再增大數(shù)值進(jìn)行微調(diào):
這里我調(diào)節(jié)成130,可以較好地使溫度計(jì)不變形,溫度計(jì)圖表就做好啦。
那今天先分享到這里,全程很干且需要耐心看完加動(dòng)手操作系列。
聯(lián)系客服