五分钟，制作堆积积木图 / 四六文摘

堆积积木图，适用于占比比较或完成率达标情况，表现形式新颖，制作简单，又能直观的展示。

在正式开始前，先简单介绍如何看图。

这是由100个方格组成的形状，每个格代表1%；图中我们可以看到，红色有42个格子，所以占比是42%，根据不同颜色可以直观的看出占比情况。

那么，这种堆积积木图该如何制作呢？这里介绍一种设置条件格式的制作方法。

1.选定100个单元格，填充颜色为浅灰色

2.在这灰色区域填充1—100的数字

利用填充序列的方式快速填充

3.设置条件格式

选定灰色区域→开始→条件格式→突出显示单元格规则→其他规则→小于或等于→选定判断值的单元格为N5→格式→填充颜色→确认

完成设置后，当N5单元格输入数字时，小于或等于N5单元格的值会填充红色。

雏形已经出来了，但图中还有很多数字碍眼，所以我们还要进一步完善。

4.隐藏数字

设置单元格格式→自定义→类型中填入【;;;】三个分号表示隐藏单元格中的任何数值。

5.调整形状，添加线框

为了方便观看，需要把图形区域的单元格调整为正方形，再通过设置白色边框，把看似一整片的单元格分开为一个个小格子。

以上，便是堆积积木图的制作教程，只要我们改变N5单元格的值，图表就会跟着变化。

其实，好戏才刚刚开始。

接下来，我们通过一个案例，让图表动起来。
现有一份1992年至2018年的中美GDP数据表，要求我们通过堆积积木图动态展示这些年中美GDP的比值变化情况。
注：中美GDP比值=中国GDP/美国GDP

在此基础上，动起来。

该怎么动呢？

利用VLOOKUP函数的精确匹配功能，当我们改变P2单元格的年份时，两国GDP会相应的产生变化。

为了避免每次都要手动输入年份才能改变数据，可以加入控件

2.插入控件

开发工具→插入→滚动条，按住鼠标左键不放，在合适的区域划出滚动条。

3.设置滚动条格式

最小值：1992
最大值：2018

步长默认1

单元格链接：P2
意思是滚动条控制单元格P2的值在1992至2018之间变化。

当点击滚动条或按住滚动条不放时，P2单元格的值会随之变化。

4.把GDP与图形联动起来。

在N5输入ROUND函数去除比值的小数点，公式中【*100】是为了与图形中被隐藏的值1—100保持一致。

至此，我们已经完成了滚动条控制年份，年份控制GDP，GDP控制图表的一条龙，从而实现当我们点击滚动条时，图表随之发生变化。

5.再稍微的修饰一下，大功告成。

从图表中可以看出，中美GDP差距不断减小，从1992年的8%到2018年的68%，视觉冲击力比较强。

小伙伴们都学会了吗？

今天的练习文件在此，你也试试吧。

图文制作：花话里胡哨

五分钟，制作堆积积木图