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