查看原文
其他

「表格设计课」第12期 如何用直方图漂亮的呈现达成率

拉登Dony 拉小登 2022-06-10

首先,我对这个栏目做个介绍。

  • 什么是「表格设计课」。我们在做Excel时遇到的问题,多半是表格没有设计好,那些各种复杂的公式,都是在弥补表格设计上的错误。「表格设计课」就是教你设计好表格,从源头上避免问题发生。

  • 「表格设计课」的思想:好的表格是设计出来的

  • 每期一个表格问题。原始文稿,来自于「读者投稿」或者「网络」,投稿邮箱是laxiaodeng2017@163.com,如果你也有问题,可以给我投稿。

  • 每周三更新

以下是本期内容


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

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

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

问题描述

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

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

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

  • 蓝色柱子表示销售实际

  • 橙色柱子,表示销售目标

  • 两个柱子为一组,相同颜色的柱子可以进行对比

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

答案:看看下面我修改后的柱形图,你喜欢吗?

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

问题分析

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

  1. 需要对不同颜色柱子的含义,进行特别的说明

  2. 虽然颜色不同,但是柱子数量还是多,读者会无意识的进行对比,柱子差异性被削弱

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

解决方案

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

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

  1. 在柱子上点击右键,选择【设置数据系列格式】 ,然后右边会出现【设置数据薛烈格式】的面板

  2. 设置【系列重叠】为100%,这样两个柱子就会重叠在一起。

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

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

  1. 选择橙色的柱子,设置”目标值”填充色为“无填充”,这样下面的蓝色实际值,就会显示出来。边框设置一个喜欢的颜色,比如绿色。

  2. 选择蓝色柱子(如果选不了,可以使用table键切换),设置”实际值”填充颜色,和目标值边框颜色一致的绿色,边框也设置为绿色。这样会有占比的感觉。

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

改善输出

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

  1. 占比效果,简洁明了。改善后,目标与实际值,使用大家熟悉的柱子占比效果,无需特意说明,简单明了。

  2. 减少柱子,调高对比差异。原本8个柱子,变成了4个柱子。提高对比差异性,图表阅读起来更加的清晰。

知识点汇总

这一节课中,涉及到的知识点如下:

  1. 图表重叠方法

  2. 柱子颜色设置,选择被盖住的柱子

哪个不会?请投票告诉我,下期我会讲解投票最高的知识点(视频中有讲解)。

案例下载

表格设计课,学习3步曲

  1. 公众号后台回复0920获取本节练习文件,以及【答案兑换卡】

  2. 转发【答案兑换卡】到朋友圈,回复截图,换取答案

  3. 人民币学员,可以点击阅读原文,购买《表格设计课》详细的讲解视频。

我是拉小登

点赞、评论、转发

评论区点赞最多的同学

送本期视频课程

——推荐文章——

「表格设计课」第11期 我和组长就差一个“未达成率”「表格设计课」第10期 如何正确使用堆积图「表格设计课」第9期 班特图,纵观全局,不失细节

「表格设计课」第8期 对比,让数据更有说服力。


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存