图表练习第二弹

大家好哇，我是阿P~

开年复工第一篇文章给大家带来图表相关的第二篇。没有看过上一篇图表练习的可以点这个链接学习一下。

上一篇我们重点讲述了饼图和圆环图，今天我们来学习一些关于柱状图和折线图美化技巧。

先看下原稿：

原稿过于单调，先添加背景；再叠加形状色块区分页面布局，丰富画面层次感。

到这里我们会发现，折线图和柱形图在视觉占比上不平衡。

我们可以通过给折线图下方叠加色块来减少画面空洞感，平衡视觉。

点击【插入】-【图表】-【组合图】。

系列1和系列2我们分别选择折线图和面积图。

点击【确定】之后我们得到了这样的一个图表。

选中图表，点击【图表设计】-【编辑数据】，框选我们需要信息范围。

编辑系列1和系列2的具体数值，两个系列数值保持一致。

美化这个组合图表，首先去除多余图表信息。

选中系列1折线图，在【设置数据系列格式】中设置【线条】和【标记】的参数。

选中系列2面积图给它设置好主题色相关的渐变填充。

最后再给系列1折线图添加阴影设置。

其实做到这一步，运用在页面中已经可以了。

如果你觉得折线过于生硬想要进一步优化，可以选中折线图在【设置数据系列格式】中勾选【平滑线】。

如果想要平滑一点的曲线，就会出现这种曲线图和面积图无法吻合的情况。因为面积图无法做平滑处理。

这时候我们只需要将图表剪切，再粘贴为【增强型图元文件】。

这一步有一点需要注意！！！在剪切图表之前，要清除图表的渐变格式，否则会变成这样：

将粘贴为增强型图元文件的图表取消组合两次后，留下曲线删除多余的部分。

插入矩形，利用布尔运算将矩形和曲线拆分。再将余下的形状【结合】即可得到和曲线吻合的形状。

这一步也有一个需要注意的点，就是插入的矩形要比曲线略窄。

否则，拆分后就会得到这样的形状。

还有一个方法就是利用英豪插件【线条扩展】的功能，将线条转化为形状。

插入矩形与转化成形状的线条拆分，即可得到需要的曲线面积形状。

将形状做渐变处理叠加在图表下方即可。

最后添加一些数据上的细节。

添加宠物形象，使得画面更加生动。

先看一下美化前后的效果对比。

要实现这样的效果，最重要的一个知识点就是用

。

点击【插入】-【图表】-【柱形图】-【簇状柱形图】，并编辑数据。

输入系列 2 的数据，输入 60%。

将图表的纵坐标调出来后，调整纵坐标轴的最大值（数据与系列2一致）。

选中系列1，点击【图表设计】-【更改图表类型】，勾选【次坐标轴】。

修改系列2图表颜色。

整体感觉有些小气，调整图表的【间隙宽度】，增大柱状图的面积。间隙越小柱体越宽。

复制图表将其剪切并选择性粘贴为【增强型图元文件】，取消组合两次，保留柱体删除多余内容。

到这一步，我们会发现多数柱体是一个整体，而不是一个个分散的矩形。

不慌！用 iSlide 插件轻松解决，点击【设计工具】-【矢量】-【取消复合路径】。

点击【取消复合路径】后，再取消组合一次，就可以得到一个个单独的矩形。

接着全选所有矩形，点击【形状格式】-【编辑形状】-【更改形状】-【矩形：圆角】，将形状都替换成圆角矩形。

如果感觉圆角弧度不合适，可以点击 iSlide 插件 - 【设计排版 】- 【控点调节】，调整所有圆角矩形的圆角弧度。

将矩形设置好渐变填充后，将之前保留的图表系列1和系列2柱体透明度设置为100%，保留需要的标签数据叠加在矩形上。

到这里我们的图表美化就完成啦，用同样的方法美化另一份图表。

根据文案插入一个对话框形状，输入需要重点突出的数据。

前面我们展示的案例中，图表都是规规矩矩排版在固定的形状区域内。

当我们需要表现某一突出数据时，破格排版也是个不错的选择。比如：

是不是让人眼前一亮呢！

今天就先讲这么多啦，记得跟着动手练习哦~图表系列我们会陆续更新的，记得关注我们。

想要源文件的小伙伴们，关注我们并设置星标，后台回复关键词“

”即可无套路领取。祝大家龙

大运，发大财