tft每日頭條

 > 生活

 > 柱狀圖怎麼弄比較好看

柱狀圖怎麼弄比較好看

生活 更新时间:2024-11-25 17:36:36

之前 PPT 餅圖教程推出後,有小夥伴留言詢問有沒有關于柱形圖 / 條形圖的一些玩法,想借此在一些彙報上突出新意,所以就有了今天這篇依舊很幹的教程。

不得不說柱形圖和條形圖在做數據彙報時很常用,但因為大多數小夥伴在制作時,習慣直接插入默認圖表就算完事兒,所以做出來的效果往往千篇一律又不夠美觀:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)1

也有一些小夥伴意識到直接插入默認圖表顯得我們沒下過功夫,所以會花心思加上一些修飾的元素,但結果往往不盡人意:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)2

那首先,我們分析下該怎麼美化像上面這樣的柱形圖。

01、柱形圖 / 條形圖的基礎美化

柱形圖和條形圖表達數據的邏輯差不多,隻不過一個是豎放,一個是橫放,所以一些美化方法及玩法可以通用。

關于美化,有三步曲——删除多餘元素、修改配色和字體、突出重點信息

嘿嘿是不是很簡單,那我們開始動手啦。

①删除多餘的元素

所謂大道至簡,圖表也是如此。

圖表旨在傳達有效的信息,視覺上負荷的東西太多,反而會造成我們的審美疲勞,所以美化的第一步就是删除多餘的元素,比如:

删除多餘的形狀填充、形狀輪廓:

圖表區的填充色和輪廓 / 繪圖區的填充色和輪廓 / 坐标軸處的框線 / 柱形的填充色和框線,這些都可以通過「形狀填充」和「形狀輪廓」進行調節。

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)3

删除多餘的圖例 / 網格線 / 坐标軸 / 柱形效果:觀察下哪些元素需要存在起到說明作用的,但是沒有加上,哪些元素卻是多餘的,比如這個案例中:

坐标軸已經标明了各個月份,圖例就顯得多餘了,可以删除網格線或降低其透明度,數據标簽都有了,縱坐标軸數據就沒必要了,柱形的三維和陰影效果,很用心但是效果很雷人。

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)4

所以一律删除,部分元素可以選中後按 delete 鍵直接删除,比如圖例、坐标軸、網格線:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)5

②修改配色和字體

關于配色,上一篇餅圖教程講了一些方法,這裡就不再贅述了。

字體建議用微軟雅黑 / 思源黑體這些比較适合圖表呈現的字體。(商業用途字體版權問題需要注意)

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)6

③突出想要傳達的重點信息

有時候圖表不僅要做呈現數據的工作,還要能看出結論,這一步按需設置。

比如這裡我給銷量最高的四月份填充成其他顔色,再對圖表做一些微調,比如圖表的大小。

雙擊選中單個柱形修改配色,直接拖拽外框調整圖表大小:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)7

同樣的,條形圖也可以按照這三步曲去美化——删掉多餘元素、修改配色和字體、突出重點加微調,這樣基本的圖表美化就算完成了:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)8

接下來是關于一些柱形圖 / 條形圖玩法的分享,學會了這些技巧,你的圖表會比他人更有新意哦。

02、柱形圖 / 條形圖的進階玩法

先記住一點:在柱形圖和條形圖中,想要設置哪一部分元素,就選中它,然後右鍵選擇對應的格式設置。

比如要對網格線進行設置,那選中網格線右鍵,就會有對應的「設置網格線格式」;要對坐标軸進行設置,那選中坐标軸右鍵,就會有「設置坐标軸格式」。

①複制粘貼

談到柱 / 條形圖的玩法,大多數人知道複制粘貼這個小技巧,這裡分成三類來做個分享,分别是:直接複制粘貼、複制粘貼 層疊、輔助列 複制粘貼。

直接複制粘貼:

對于一些規則簡單的形狀,直接 ctrl c 複制形狀後點擊柱形,ctrl v 粘貼即可。

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)9

粘貼成三角形後,想要修改顔色,需要在外面将三角形改成另一個顔色後再一次填充。

複制粘貼 層疊:

複制粘貼進去的圖形默認呈拉伸狀态,如果我們用的是圖标,此時圖标會被拉伸,需要用到「層疊」才能解決——柱形右鍵,選擇設置數據系列格式,在「填充」中将伸展改為層疊。

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)10

學會這一招,就可以找到與圖表主題相關的圖标,做出别樣又生動的柱形圖啦。

輔助列 複制粘貼:

并不是所有形狀都可以直接複制粘貼,比如下面這個例子,粘貼後形狀就變形了:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)11

這時候就需要用到輔助列,即把原數據拆成兩部分,輔助列部分為原數據中一個固定的數值,另外一列為剩下的數據。

比如輔助列設為400,剩下的一列就是每個月的原數據減去400,然後拖動數據編輯窗口的藍色框線,除去原始數據在圖表中的顯示。

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)12

(注意編輯數據時,「輔助列」在「原數據-輔助列」的右側)

接着,将圖表類型更改為「堆積柱形圖」,就可以對兩部分分别修改顔色及形狀:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)13

這裡留意兩點:

一是如果編輯數據時「輔助列」沒有放在「原數據-輔助列」的右側,橙色部分就會跑到柱形的底部;二是上面部分的彎曲程度跟輔助列數據的大小有關

如果想要添加數據标簽,可以先讓輔助列的數據标簽顯示出來,右鍵——設置數據标簽格式——勾選「單元格中的值」,反勾選「值」,此時就會跳出編輯數據框供你選擇數據了。

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)14

結尾拖拽數據标簽後會有一條引導線,也可以通過在「設置數據标簽格式」中反勾選「顯示引導線」去掉。

②組合圖表

組合圖表,即圖表嵌套,主要是将兩個圖表分别設置為一個主坐标軸,一個次坐标軸,由此可以讓兩個圖表互不幹擾地進行顔色填充、複制粘貼等操作。

比如将兩個柱形圖組合,可以做出下面這樣的指标完成圖:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)15

将柱形圖和折線圖組合,就顯示這張圖表:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)16

将兩個條形圖組合,做出下面這樣的對比圖:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)17

先以第一個為例,我們插入柱形圖,輸入數據:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)18

接着點擊柱形圖,選擇「更改圖表類型」為組合圖表,确保兩個圖表都是簇狀柱形圖,然後勾選「目标值」為次坐标軸:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)19

此時有兩個縱坐标軸,确保兩者的數據區間是一緻的,不然圖表呈現會出錯(選中柱形右鍵——設置坐标軸格式——設置邊界值),然後删除其中一個縱坐标軸:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)20

接着進行修改配色和字體等微調,就大緻完成了,這裡需要注意兩個柱形圖如果都設置填充色,一些柱形就會被擋住,所以我其中一個隻設置輪廓色,另一個設置填充色:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)21

有了複制粘貼以及第一個組合圖表的基礎,第二張火箭圖就變得非常簡單。

首先輸入兩列相等的數據,然後更改圖表類型時,一個為柱形圖另一個為折線圖,勾選其中一個為次坐标軸,确保兩個縱坐标軸的數據範圍一緻後,删除其中一個縱坐标軸:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)22

為了後面效果明顯,我先把圖片背景加上,網格線的設置可以通過選中網格線——右鍵設置網格線格式中,調整其透明度;接着将火箭圖标複制粘貼折線圖的标記點,并選中折線圖,設置形狀輪廓為無,就可以把折線去掉,完成折線圖的美化:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)23

接下來是柱形圖的美化,這裡繪制形狀稍微有些耗時,通過三角形編輯頂點 漸變填充得到:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)24

調節好後進行漸變填充

選中形狀右鍵——設置形狀格式——漸變填充——類型為「線性」,角度「90°」,設置兩個都為白色的光圈,前一個透明度0%,後一個100%:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)25

現在可以對柱形複制粘貼啦,後面添加數據标簽還有圖表标題就不過多演示了~

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)26

最後是第三個對比條形圖的做法,首先插入條形圖,輸入數據,可以看到編輯數據的類别 2015-2018 跟條形圖中的順序是相反,通過選中坐标軸右鍵設置坐标軸格式中選擇「逆序類别」即可,熟悉後你也可以選擇倒着設置數據:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)27

然後更改圖表類型,兩個都為條形圖,其中一個為次坐标軸,此時就會出現兩個橫坐标軸:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)28

按照前面的例子,我們接下來需要對比兩個橫坐标軸的數據區間,删除其中一個,但目前兩個條形圖還是同向的,怎麼反過來?

這裡就需要在數據區間的邊界值上花點心思。我們把對比條形圖的中間線看作起始點0,左邊為負,右邊為正,就可以明白數據區間應該為一個負數到0再到正數的過渡:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)29

觀察條形圖的坐标軸範圍是 0-5,所以區間設置正數最大值為5,負數最小值為-5,即區間範圍是-5到5,然後将其中一個逆序(勾選逆序刻度值),坐标軸就會倒置,從而起到讓條形圖相反的效果:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)30

接着添加數據标簽,删除坐标軸,修改配色和字體,就不多說啦:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)31

因為是組合圖表所以同樣有兩個縱坐标軸,目前這個是主縱坐标軸,想讓縱坐标軸(2015-2018)放在外面,我們選擇通過顯示次縱坐标軸來達成:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)32

隻顯示次要縱坐标軸,結尾出現的坐标軸的邊框線可以通過形狀輪廓設置為無來去掉。

③系列重疊

系列重疊,即當數據包含一個以上系列時,可以在圖表中将其柱形 /條形 進行重疊。

案例一:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)33

這個圖表有兩種做法,一種是百分比堆積條形圖,一種是系列重疊。

百分比堆積條形圖比較簡單,就不贅述了:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)34

系列重疊法:

首先插入條形圖,錄入數據,一個系列為總比例100%,另一個系列為各個年份的占比:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)35

接着選中條形右鍵設置數據系列格式,這裡有兩個調節選項:系列重疊間隙寬度

系列重疊:調節每個類别中兩個條形重疊的程度,調節到100%即可完全重合

間隙寬度:條形的寬窄

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)36

最後調節顔色,加上數據标簽就完成這個圖表的制作。看起來百分比堆積更容易做,為什麼要這麼麻煩用系列重疊呢?因為運用系列重疊可以做出下面這樣的圖表~

案例二:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)37

案例三:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)38

案例三也是用條形圖做成的,用到了系列重疊 複制粘貼,參考我們上面的條形圖系列重疊案例就可以做出來,就不贅述啦。

我們來看下溫度計那張圖表是怎麼實現的。同樣是用到了系列重疊這個知識點,這次是柱形圖。

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)39

準備好三個溫度計~高度和寬度跟柱形的高寬盡量保持一緻:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)40

對柱形圖設置系列重疊,然後将溫度計複制粘貼進柱形圖,填充方式選擇層疊并縮放:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)41

沒關系,我們調節單位與圖片的比例,默認是1,我們可以往100調,如果形狀變形可以再增大數值進行微調:

柱狀圖怎麼弄比較好看(你做的柱狀圖太醜了)42

這裡我調節成130,可以較好地使溫度計不變形,溫度計圖表就做好啦。

03、寫在最後

那今天先分享到這裡,全程很幹且需要耐心看完加動手操作系列。

一起複習下吧~

普通圖表的美化步驟——删除多餘元素、修改配色和字體、突出重點信息 微調

其他玩法——複制粘貼、組合圖表、系列重疊

因為重于演示操作,所以部分數據沒有經過專門設置,另外有些圖表的做法不止一種,礙于篇幅就不過多說明了,如果大家浏覽到有好看的柱形圖 / 條形圖,可以對照下這幾種方法看看怎麼實現。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved