Dashboard实用技巧—一个很有创造性的交互式图表选择方法
今天介绍一个Dashboard的创意做法:交互式图表选择。
还是直接看效果吧:
下面介绍制作方法。
图表的制作方法就不具体介绍了。这里就为大家展示数据,以及需要特别强调的地方。
作图需要的数据如下:
本文所有的图表都是基于这份数据完成的(实践中不限于只用一份数据,当然可以有不同的数据做出不同的图表)
在制作图表的时候,为了最后的效果,请将图表区域和绘图区的填充设为“无填充”:
我们需要将每个图表放在一个单元格中:
将这些图表放在B2:B8区域中(本文案例中只有7个图表)
首先需要一个辅助数据,记录滚动条当前所在的位置代表的是第几张图表:
然后,我们根据这个辅助数据,计算当前图表左边和右边应该显示第几张图表:
接下来我们制作一个辅助数据,来生成选定的图表标题:
很多同学对这一步已经不陌生了。绝大多数交互式图表的效果都需要用到名称😁。如果想了解如何定义和使用名称,可以看这篇文章。
首先定义一个名称:图表。
然后分别定义中间图表的名称:中间图表:
定义紧挨着中间图表的左边第一张图表:
使用同样的方法,定义左二图表,左三图表,右一图表,右二图表,右三图表。
我们新建一个工作表,叫做“Index”,然后选择合适大小的区域,将该区域填充为浅灰色。
很多同学对这一步也很熟悉了。照相机是制作Dashboard的重要工具之一。
随便选中一张图表所在的单元格,比如“图表”工作表的B2,点击“开始”选项卡中的照相机按钮,进行照相,然后点击“Index”的任意单元格,将“照片”放置在该区域:
如果你的菜单中没有照相机,请阅读本公众号前面的相关文章。
选中该“照片”,在公式栏中输入:
=中间图表
设置其格式:
复制这个图片,并按照如下方法设置其格式:
复制这个图片,继续制作左二图表,左三图表,右一图表,右二图表,右三图表,其中注意一下两点:
右侧三张图表的三维旋转效果为:透视,极右极大
从中间到两侧,离中间越远,填充的颜色越深
最后选择这些图片,进行垂直方向的对齐:
在“开发工具”选项卡中,点击“滚动条”,通过鼠标拖拽,插入合适大小的滚动条:
设置滚动条格式:
插入一个文本框,拖拽到合适大小:
在公式栏中将公式修改为:=Data!M19
修改文本框格式:
总结