?
大家好,我是雅客。
马上就要到一年一度的年终汇报了,如果我们想要展示业务一整年的盈利情况,用什么方式呈现才比较酷炫呢?
今天我们就来教大家一种简单的交互图表设计方法。
下面我们先来看一下完成之后的效果。
大家可以看到,这个图表的特点就是,随着我们鼠标移动对应的标签,图表就会自动进行切换。整个过程都是非常自然,流畅的。这样的图表,我们把它称之为交互图表,所谓交互图表,就是图表会随着你的鼠标的动作,跟你产生互动的关系。
网页上的这种动态图表,都是由很多代码构建而成的,普通人一般做不来。
而在这里的图表一般都是用VBA宏代码编辑而成的。下面我们就来正式给大家介绍一下这种图表是怎样制作的。01构建数据源数据源的设置,由两个维度构建而成,一个是时间维度,比如说1月到12月,另外一个是销量维度,比如说某某产品卖了多少。我们可以参考下面的表格来进行设置。02
设计图表标签
在旁边的单元格,录入函数公式:
=IFERROR(HYPERLINK(record_id(D8),D8),D8)
往右边拖拉公式,就得到了所有的标签。
03
构建代码鼠标右键标签,查看代码,鼠标右键,插入模块,得到模块一。之后把下面这三行代码复制进去。PublicFunctionrecord_id(iAsString)[city]=iEndFunction
其中里面的英文是可以自定义修改的,其他地方不做改动,点击运行。
记住括号里面的英文,退出宏编辑界面。
在其中一个单元格,比如A4,在界面的左上角录入单元格的名称为原本内的英文。
比如原本括号内的英文是City,那么就在这个框内录入City,然后按回车键确认。
设置完之后,通过鼠标滑过右边的文字标签,就能看到A4单元格的值随着鼠标的移动产生了变化。
这样我们就完成了交互的设计。04
构建参数
利用这个可变动的参数,我们用INDEX函数提取它下方的数值。我们在下面的一个单元格录入函数公式=INDEX(D5:H5,MATCH(city,$D$4

H$4,0))这样就得到了一个可变动的数据。05
设计图表
依据这些可变动的数据,绘制一个图表,这样我们滑过文字标签,这些图表就会跟着变动。
选中所有得标签单元格,点击条件格式,新建格式规则。
选择包含以下内容得单元格设置格式。
选择单元格得值等于A4单元格得值。
设置它得单元格格式。
在这个案例中,我们就单元格填充一个渐变红色,字体颜色为白色。
这样设置的作用是,可以让鼠标滑过标签得时候,菜单栏有突出得显示。如下图所示,鼠标滑过文字标签,该标签就会填充渐变得红色,白色得字体效果。稍微美化一下,我们就完成了下面这个图表的设计。
PS:为了让标签的感应更加灵活,设定完之后,可以选中标签行,设置自动对齐,这样鼠标滑过标签的时候,就会更加灵动。