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