「表格设计课」第3期 动态图表，你想不到的美

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

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

以下是本期内容

---

问题描述

今天要讲的，是一个关于图表设计的问题，你一定要仔细看，因为每个人，任何职业，都会遇到这个问题。

还是让小B同学，来扮演这个求助的网友吧。小B发来这样一个图表，你能猜出小B要问什么问题吗？

Jietu20170426-172317

-----思考时间-----

-----思考时间-----

-----思考时间-----

没看出来？我猜你的职位可能还比较低。看图表的标题就知道了，《各城市成交量对比图》，你从这个图表里，能对比出什么信息吗？

所以小B的问题就来了：

多城市分析产品的成交量走势，要用什么图表类型更加直观啊？折线图感觉看着眼睛都花了。

很明显，小B还是很有经验的，她知道把数据做的更清晰一些，让老板用更短的时间，看到各个城市的走势。

但是...但是...

这个根本就不是图表类型问题，好不好！这是一个表格设计问题！

1. 线条太多了，哪个是哪个？
2. 根据颜色去找对应的城市，比较费时，信息对比不够明显。

Jietu20170426-172846

问题分析

既然是对比，那么对比的维度越少越好，一个好的对比图表，通常只有1个维度。

Jietu20170426-163546

如果线条多的话，也尽量不要超过3个。

Jietu20170426-163546

道理很简单，就好比相亲，如果你的条件是找一个长个子高的，非常好找。找个长的帅的，也不难。找个有钱的，更简单。

但是，如果你要找一个即有个子，又长的帅，还特有钱的高富帅，就不那么容易了。

图表对比，也是这样的道理。线条太多，图表阅读起来，没有信息重点。所以我们要做的就是，减少原图表中，对比的维度，否换什么类型的图表，也都是徒劳。

解决方案

1. 分析需求

首先，我们分析一下原始表格，想要传递的信息有哪些？

1. 呈现每个城市成交量的走势。
2. 对比各个城市的成交量。

这样还不够，要求还要继续细分。

很多时候工作做不好，因为老板的要求太模糊，太多老板提要求时，都是简单一句，把这个表格做的漂亮一点。就这简单一句，我们却要反复的修改，默默的加班。

我们看看具体怎么细分这些要求：

1. 呈现每个城市成交量的走势。
   1. 哪个城市在上升
   2. 哪个城市在下降
2. 对比各个城市的成交量。
   1. 哪个城市成交量最好
   2. 哪个城市成交量最差

细分需求后，表格修改起来，方向就更明确了。接下来，就是尝试降低对比的维度了。

2. 降低维度

细分了需求后，我们主动出击，对需求重新梳理一下，设计好图表信息传递顺序，引导读者的阅读思维：

1. 找出最差或最好的城市
2. 查看这个城市的成交趋势

所以，降低对比维度的方法也很清晰了，有下几个：

1. 各城市成交总量对比。
   1. 舍去时间上的趋势，降低信息维度。
   2. 使用柱形图，对比更加明显。
2. 折线图分成两类，现在关注的，和其他的。
   1. 降低对比维度，信息分为2类，用两个颜色区分。当前关注的线条高亮，和其他所有的进行对比，更容易凸显重点。

3. 输出图表

首先，我在原始数据中，添加了一个加总列，计算每个城市的成交总量。

Jietu20170426-173300

然后用创建柱形图，找出最差或最好的城市。

Jietu20170426-174436

调整折现的颜色，将线条分为两类：

• 关注城市，设置加粗红色线条。
• 非关注城市，设置细线条，灰色，降低视觉重点。

Jietu20170426-174651

4. 创建动态图表

最后一步，也是本节课程的亮点。通过添加动态数据，高亮显示当前关注的数据。

• 添加“城市”下拉菜单，可以选择当前关注的城市。

Jietu20170426-180010

• 添加一个辅助列（第Q列），使用IF语句，构建高亮柱子数据源。

  如果城市名称与当前选择城市相同，则返回成交量，否则返回0。
  同时在柱形图中，也添加到柱形图中，并设置为红色，高亮显示当前选择的城市。

Jietu20170426-180644

• 在数据表的下方，添加辅助行（第9行），使用VLOOKUP函数，引用当前关注城市的数据，构建高亮线条数据源。
  和其他城市，一起添加到折线图中。高亮显示，当前选择的城市。

Jietu20170426-223024

改善输出

图表改好后，就可以很方面的，获取需要的信息：

1. 在柱形图中，找到交易量最好，或最差的城市。然后在下拉菜单中选择这个城市。
2. 在折线图中，查看当前选择城市的交易趋势，同时也可以看到它在所有城市交易量中的水平。

下面是动态的效果图，你感受一下：

这么好的技巧，你还不快去动手试试！

记住，我们的口号！

footer

我是拉小登，如果你喜欢我的文章，请转发或者打赏，有你的支持，我才能继续写出更多，更好的教程，咱们明天见。