早上好~
上期 PPT 饼图教程推出后,有小伙伴留言询问有没有关于柱形图 / 条形图的一些玩法,想借此在一些汇报上突出新意,所以就有了今天这篇依旧很干的教程。
不得不说柱形图和条形图在做数据汇报时很常用,但因为大多数小伙伴在制作时,习惯直接插入默认图表就算完事儿,所以做出来的效果往往千篇一律又不够美观:
也有一些小伙伴意识到直接插入默认图表显得我们没下过功夫,所以会花心思加上一些修饰的元素,但结果往往不尽人意:
那首先,我们分析下该怎么美化像上面这样的柱形图。
01、柱形图 / 条形图的基础美化
柱形图和条形图表达数据的逻辑差不多,只不过一个是竖放,一个是横放,所以一些美化方法及玩法可以通用。
关于美化,有三步曲——删除多余元素、修改配色和字体、突出重点信息。
嘿嘿是不是很简单,那我们开始动手啦。
①删除多余的元素
所谓大道至简,图表也是如此。
图表旨在传达有效的信息,视觉上负荷的东西太多,反而会造成我们的审美疲劳,所以美化的第一步就是删除多余的元素,比如:
删除多余的形状填充、形状轮廓:
图表区的填充色和轮廓 / 绘图区的填充色和轮廓 / 坐标轴处的框线 / 柱形的填充色和框线,这些都可以通过「形状填充」和「形状轮廓」进行调节。
删除多余的图例 / 网格线 / 坐标轴 / 柱形效果:观察下哪些元素需要存在起到说明作用的,但是没有加上,哪些元素却是多余的,比如这个案例中:
坐标轴已经标明了各个月份,图例就显得多余了,可以删除网格线或降低其透明度,数据标签都有了,纵坐标轴数据就没必要了,柱形的三维和阴影效果,很用心但是效果很雷人。
所以一律删除,部分元素可以选中后按 delete 键直接删除,比如图例、坐标轴、网格线:
②修改配色和字体
关于配色,上一篇饼图教程讲了一些方法,这里就不再赘述了。
感兴趣的小伙伴可以搜下文章。那些逼格满满的PPT饼图,竟然是这样做的
字体建议用微软雅黑 / 思源黑体这些比较适合图表呈现的字体。(商业用途字体版权问题需要注意)
③突出想要传达的重点信息
有时候图表不仅要做呈现数据的工作,还要能看出结论,这一步按需设置。
比如这里我给销量最高的四月份填充成其他颜色,再对图表做一些微调,比如图表的大小。
双击选中单个柱形修改配色,直接拖拽外框调整图表大小:
同样的,条形图也可以按照这三步曲去美化——删掉多余元素、修改配色和字体、突出重点加微调,这样基本的图表美化就算完成了:
接下来是关于一些柱形图 / 条形图玩法的分享,学会了这些技巧,你的图表会比他人更有新意哦。
02、柱形图 / 条形图的进阶玩法
先记住一点:在柱形图和条形图中,想要设置哪一部分元素,就选中它,然后右键选择对应的格式设置。
比如要对网格线进行设置,那选中网格线右键,就会有对应的「设置网格线格式」;要对坐标轴进行设置,那选中坐标轴右键,就会有「设置坐标轴格式」。
①复制粘贴
谈到柱 / 条形图的玩法,大多数人知道复制粘贴这个小技巧,这里分成三类来做个分享,分别是:直接复制粘贴、复制粘贴+层叠、辅助列+复制粘贴。
直接复制粘贴:
对于一些规则简单的形状,直接 ctrl+c 复制形状后点击柱形,ctrl+v 粘贴即可。
粘贴成三角形后,想要修改颜色,需要在外面将三角形改成另一个颜色后再一次填充。
复制粘贴+层叠:
复制粘贴进去的图形默认呈拉伸状态,如果我们用的是图标,此时图标会被拉伸,需要用到「层叠」才能解决——柱形右键,选择设置数据系列格式,在「填充」中将伸展改为层叠。
学会这一招,就可以找到与图表主题相关的图标,做出别样又生动的柱形图啦。
辅助列+复制粘贴:
并不是所有形状都可以直接复制粘贴,比如下面这个例子,粘贴后形状就变形了:
这时候就需要用到辅助列,即把原数据拆成两部分,辅助列部分为原数据中一个固定的数值,另外一列为剩下的数据。
比如辅助列设为400,剩下的一列就是每个月的原数据减去400,然后拖动数据编辑窗口的蓝色框线,除去原始数据在图表中的显示。
(注意编辑数据时,「辅助列」在「原数据-辅助列」的右侧)
接着,将图表类型更改为「堆积柱形图」,就可以对两部分分别修改颜色及形状:
这里留意两点:
一是如果编辑数据时「辅助列」没有放在「原数据-辅助列」的右侧,橙色部分就会跑到柱形的底部;二是上面部分的弯曲程度跟辅助列数据的大小有关。
如果想要添加数据标签,可以先让辅助列的数据标签显示出来,右键——设置数据标签格式——勾选「单元格中的值」,反勾选「值」,此时就会跳出编辑数据框供你选择数据了。
结尾拖拽数据标签后会有一条引导线,也可以通过在「设置数据标签格式」中反勾选「显示引导线」去掉。
②组合图表
组合图表,即图表嵌套,主要是将两个图表分别设置为一个主坐标轴,一个次坐标轴,由此可以让两个图表互不干扰地进行颜色填充、复制粘贴等操作。
比如将两个柱形图组合,可以做出下面这样的指标完成图:
将柱形图和折线图组合,就显示这张图表:
将两个条形图组合,做出下面这样的对比图:
先以第一个为例,我们插入柱形图,输入数据:
接着点击柱形图,选择「更改图表类型」为组合图表,确保两个图表都是簇状柱形图,然后勾选「目标值」为次坐标轴:
此时有两个纵坐标轴,确保两者的数据区间是一致的,不然图表呈现会出错(选中柱形右键——设置坐标轴格式——设置边界值),然后删除其中一个纵坐标轴:
接着进行修改配色和字体等微调,就大致完成了,这里需要注意两个柱形图如果都设置填充色,一些柱形就会被挡住,所以我其中一个只设置轮廓色,另一个设置填充色:
有了复制粘贴以及第一个组合图表的基础,第二张火箭图就变得非常简单。
首先输入两列相等的数据,然后更改图表类型时,一个为柱形图,另一个为折线图,勾选其中一个为次坐标轴,确保两个纵坐标轴的数据范围一致后,删除其中一个纵坐标轴:
为了后面效果明显,我先把图片背景加上,网格线的设置可以通过选中网格线——右键设置网格线格式中,调整其透明度;接着将火箭图标复制粘贴到折线图的标记点,并选中折线图,设置形状轮廓为无,就可以把折线去掉,完成折线图的美化:
接下来是柱形图的美化,这里绘制形状稍微有些耗时,通过三角形编辑顶点+渐变填充得到:
调节好后进行渐变填充:
选中形状右键——设置形状格式——渐变填充——类型为「线性」,角度「90°」,设置两个都为白色的光圈,前一个透明度0%,后一个100%:
现在可以对柱形复制粘贴啦,后面添加数据标签还有图表标题就不过多演示了~
最后是第三个对比条形图的做法,首先插入条形图,输入数据,可以看到编辑数据的类别 2015-2018 跟条形图中的顺序是相反,通过选中坐标轴右键设置坐标轴格式中选择「逆序类别」即可,熟悉后你也可以选择倒着设置数据:
然后更改图表类型,两个都为条形图,其中一个为次坐标轴,此时就会出现两个横坐标轴:
按照前面的例子,我们接下来需要对比两个横坐标轴的数据区间,删除其中一个,但目前两个条形图还是同向的,怎么反过来?
这里就需要在数据区间的边界值上花点心思。我们把对比条形图的中间线看作起始点0,左边为负,右边为正,就可以明白数据区间应该为一个负数到0再到正数的过渡:
观察条形图的坐标轴范围是 0-5,所以区间设置正数最大值为5,负数最小值为-5,即区间范围是-5到5,然后将其中一个逆序(勾选逆序刻度值),坐标轴就会倒置,从而起到让条形图相反的效果:
接着添加数据标签,删除坐标轴,修改配色和字体,就不多说啦:
因为是组合图表所以同样有两个纵坐标轴,目前这个是主纵坐标轴,想让纵坐标轴(2015-2018)放在外面,我们选择通过显示次纵坐标轴来达成:
只显示次要纵坐标轴,结尾出现的坐标轴的边框线可以通过形状轮廓设置为无来去掉。
③系列重叠
系列重叠,即当数据包含一个以上系列时,可以在图表中将其柱形 /条形 进行重叠。
案例一:
这个图表有两种做法,一种是百分比堆积条形图,一种是系列重叠。
百分比堆积条形图比较简单,就不赘述了:
系列重叠法:
首先插入条形图,录入数据,一个系列为总比例100%,另一个系列为各个年份的占比:
接着选中条形右键设置数据系列格式,这里有两个调节选项:系列重叠和间隙宽度
系列重叠:调节每个类别中两个条形重叠的程度,调节到100%即可完全重合
间隙宽度:条形的宽窄
最后调节颜色,加上数据标签就完成这个图表的制作。看起来百分比堆积更容易做,为什么要这么麻烦用系列重叠呢?因为运用系列重叠可以做出下面这样的图表~
案例二:
(来源于 keynote 研究所)
案例三:
(好了好了该醒醒了)
案例三也是用条形图做成的,用到了系列重叠+复制粘贴,参考我们上面的条形图系列重叠案例就可以做出来,就不赘述啦。
我们来看下温度计那张图表是怎么实现的。同样是用到了系列重叠这个知识点,这次是柱形图。
准备好三个温度计~高度和宽度跟柱形的高宽尽量保持一致:
对柱形图设置系列重叠,然后将温度计复制粘贴进柱形图,填充方式选择层叠并缩放:
emmm……这个时候出来的效果有点奇怪。
没关系,我们调节单位与图片的比例,默认是1,我们可以往100调,如果形状变形可以再增大数值进行微调:
这里我调节成130,可以较好地使温度计不变形,温度计图表就做好啦。
03、写在最后
那今天先分享到这里,全程很干且需要耐心看完加动手操作系列。
一起复习下吧~
普通图表的美化步骤——删除多余元素、修改配色和字体、突出重点信息+微调
其他玩法——复制粘贴、组合图表、系列重叠
因为重于演示操作,所以部分数据没有经过专门设置,另外有些图表的做法不止一种,碍于篇幅就不过多说明了,如果大家浏览到有好看的柱形图 / 条形图,可以对照下这几种方法看看怎么实现。
那希望对你有帮助,下期再见啦。
一周进步〡年轻人快速突破自己的学习入口
微信公众号:关注「一周进步」(weekweekup)
青年兴趣课堂,每周一场训练营,欢迎关注,让我们一起进步