封面.jpg

上节课，我们使用面积图，实现了目标值。

1

相比常规的一跟长长的直线（右图），面积图在视觉上更加的醒目，给我们带来了意外的惊喜。

这一节课，我给你出一道题，考考你的发散思维，看你能不能做出不同的柱形图。

image

问题描述

问题：下面的数据表中，包含了多城市的产品销售实际、目标和达成率，请用柱形图直观的表现出来。

1

相信很多人，都能轻松的做出下面这样的柱形图，我们再熟悉不过了。

3

图表内容简单的说明如下：

• 蓝色柱子表示销售实际
• 橙色柱子，表示销售目标
• 两个柱子为一组，相同颜色的柱子可以进行对比

你想出不一样的柱形图了吗？算了我直接公布答案吧！

答案：看看下面我修改后的柱形图，你喜欢吗？

3

估计大部分人都会选择下面这个柱形图吧。我们来具体看一下，这两个柱形图到底差别在哪里？

image

问题分析

从图表的说明中，我们不难发现普通柱形图的缺点：

image

1. 需要对不同颜色柱子的含义，进行特别的说明
2. 虽然颜色不同，但是柱子数量还是多，读者会无意识的进行对比，柱子差异性被削弱

下面我们一起来学习，如何制作出这个漂亮的柱形图。

image image

解决方案

1- 柱子合并，减少对比数量

首先，我们要把同一组的两个柱子，合并到一起，减少柱子的数量

image

1. 在柱子上点击右键，选择【设置数据系列格式】 ，然后右边会出现【设置数据薛烈格式】的面板
2. 设置系列重叠为100%，这样两个柱子就会重叠在一起。

8

2- 设置颜色，构建柱子占比效果

柱子重叠到一起之后，前面的橙色的柱子，把蓝色柱子完全覆盖住了，还是没有占比的效果，这一点，通过设置柱子的颜色，可以轻松实现。

image

1. 选择橙色的柱子，设置"目标值"填充色为“无填充”，这样下面的蓝色实际值，就会显示出来。边框设置一个喜欢的颜色，比如绿色。
2. 选择蓝色柱子（如果选不了，可以使用table键切换），设置"实际值"填充颜色，和目标值边框颜色一致的绿色，边框也设置为绿色。这样会有占比的感觉。

设置完成后，"实际值"的绿色，会填充到“目标值”的绿色框里，形成了占比的效果，非常的直观。

image

改善输出

1

图表的设置非常的简单，更重要的是掌握设计图表的思想：

1. 占比效果，简洁明了。改善后，目标与实际值，使用大家熟悉的柱子占比效果，无需特意说明，简单明了。
2. 减少柱子，调高对比差异。原本8个柱子，变成了4个柱子。提高对比差异性，图表阅读起来更加的清晰。

image

知识点汇总

这一节课中，涉及到的知识点如下：

1. 图表重叠方法
2. 柱子颜色设置，选择被盖住的柱子

哪个不会？请投票告诉我，下期我会讲解投票最高的知识点。

image

案例下载

表格设计课，学习3步曲

1. 公众号后台回复0920获取本节练习文件，以及【答案兑换卡】。
2. 转发【答案兑换卡】到朋友圈，回复截图，换取答案。
3. 人民币学员，可以点击阅读原文，购买《表格设计课》详细的讲解视频。

footer

我是拉小登

点赞、评论、转发

评论区点赞最多的同学，送本期视频课程

image

----推荐文章----