分享

你做的柱状图太丑了,这些美化技巧教给你

 今夜无眠了 2019-04-14

之前 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、写在最后

那今天先分享到这里,全程很干且需要耐心看完加动手操作系列。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 全屏 打印 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多