【WPS】制作正负条形图
什么是正负条形图呢?正负条形图是条形图的创意设计模式,利用辅助数据设计而成,可以用于历年的收入、支出对比;各专业男、女学生数量对比等场景。
小鱼先为大家展示一下我们今天要完成的正负条形图:

上图为 2017 至 2021 年某公司收入支出情况的正负条形对比图,我们可以清晰地看到 2017 年至 2021 年公司收入持续增加,并且可以清晰地看出每一年收入和支出的对比。
下面,我们就来完成甘特图的制作吧~
1. 构建辅助数据源
当原有的数据不能帮我们构建想要的图表效果时,就需要构建辅助数据。可以说辅助数据是创意图表的基础,没有辅助数据,就没有创意图表。
为了完成正负条形图,我们需要在原表格的基础上增加右侧绿色的辅助列:

其中,填充 A 的计算方式为 30000 减去收入;填充 B 的计算方式为 30000 减去支出;间隔为固定值 800。这些辅助值在条形图中发挥的作用如下:

注:30000 和 800 的选取都是为了绘制出的条形图更加美观,大小合适而得出的最适宜的数值。其中 30000 比收入和支出中的最大值还要大,间隔 800 则远小于收入和支出中的最小值。
2. 利用条形图,构建基础图表
构建好了辅助列,就可以开始插入图表了,选中 B24:F29
的区域,点击插入菜单栏下的条形图图标,选择堆积条形图。

得到的堆积条形图如下:

首先,我们需要切换行和列,将系列(年份)绘制在纵轴上,将间隔、填充 B、填充 A、支出以及收入作为横轴。

切换行和列之后的效果:

目前,堆积条形图中的条形顺序是错乱的,我们需要将间隔调整到中间,填充 A 和填充 B 分别居于始端和末端的位置。点击图表工具下的【选择数据】,在编辑数据源窗口中调整系列位置:

调整系列位置后的效果:

至此,我们已经完成了基础图表的设计了。
3. 编辑图表元素,删除无用信息
前面,通过构建辅助数据已经完成了图表的基础设计。但辅助列填充 A 、间隔以及填充 B 并不需要在图表上显示出来。
分别点击填充 A 、填充 B 以及间隔对应的图表,选择绘图工具,将填充设置为无填充:

接下来,选中横坐标,右键【设置坐标轴格式】:

将边界的最大值设置为 60000 万,使图表右侧的空白部分更加合理。当前,纵坐标的刻度还是数字序列,为我们先不急着为纵坐标选择数据。
因为,小鱼须要将年份显示在中间的间隔部分:首先给间隔条形添加上标签,点击图表元素图表,勾选数据标签。

默认的标签都是 8000,并不是我们需要的。点击插入的数据标签,在右侧的标签选项中,取消【值】的勾选,并勾【选单元格中的值】,此时会弹出数据标签区域选择窗口。

选择数据表中的年份数据,点击确定:

这样,我们就可以将纵轴隐藏掉了(设置为无线条),同时删除纵轴刻度、多余的图例以及网格线。

至此,正负条形图就基本完成啦~下面,我们来美化图表。
4. 对图表进行美化
① 设置图表背静:点击图表背静,选择绘图工具下的填充,将背景色设置为【灰色-25%,背景2,深色75%】

② 添加数据标签:点击蓝色条形,点击图表元素图表,勾选数据标签。

右键点击插入的数据标签,选择【设置数据序列格式】;在右侧的标签选项中,将标签位置设置为【轴内侧】:

同样的方式,完成右边条形的数据标签设置。标签位置请勾选【数据标签内】:

为条形设置了数据标签,我们就可以删除横轴的刻度标签啦:

③ 设置字体颜色:点击图表区域,点击文本工具图标,将字体颜色设置为白色。

④ 设置条形图颜色:将蓝色条形的填充色设置为 RGB 0,153,255;橙色条形图的颜色设置为 RGB 255,80,80。

⑤ 调整:修改标题内容及字体,调整图例位置以及留白。

至此,正负条形图的制作就完成啦。我们可以将最终的成果保存为模板,下次遇到相似需求直接套用即可。
总结
正负条形图的实现过程可以总结为四个步骤:
- 构建辅助列
- 创建堆叠条形图基础图表
- 编辑图表元素
- 图表美化