专栏名称: Excel图表之道
畅销书《Excel图表之道》同名公众号。作者@刘万祥ExcelPro,专注于专业有效、简单实用的商务图表沟通之道,帮助您用Excel制作出具有杂志级品质的商业图表。
目录
相关文章推荐
Excel之家ExcelHome  ·  用Excel算算,今年攒了多少钱? ·  4 天前  
Excel之家ExcelHome  ·  AI赋能,效率倍增 ·  4 天前  
Excel之家ExcelHome  ·  Excel控件动态图表 ·  4 天前  
完美Excel  ·  工作表滚动技巧 ·  1 周前  
完美Excel  ·  VBA判断工作表中是否有隐藏行或隐藏列 ·  5 天前  
51好读  ›  专栏  ›  Excel图表之道

Excel 图表中的鼠标悬停交互技术(高阶)

Excel图表之道  · 公众号  · Excel  · 2017-08-11 16:18

正文

上一篇偶然写了个 Excel 图表中的射线绘制技术,很受大家喜欢,错过的可以点链接查看。我想可以写几个这样的系列帖子,总结一些高级图表的高级技术。今天来说说 Excel 图表里超高级的鼠标悬停交互技术。


图表上的鼠标悬停交互技术,可以实现一种高级的选择器和交互手段,当用户把鼠标悬停在图表的某个元素、数据点上时,我们可以利用图表事件捕获到,并用这个结果去驱动一个动态图表,实现动态图表和交互效果。


在《经济学人的动态图表与交互设计》课程的第6章,鼠标滑过折线图的动态图表,就是一种悬停技术应用的形式。用户把鼠标在股市折线图上滑过,则动态显示当前数据点日期的相关数据,并图表中进行突出显示。这种滑过即选取的交互方式,非常轻盈,无需选择或者点击鼠标,体现的是一种数据灵动之美。



悬停技术是利用了Excel图表的 mouse_move 事件,实现过程比较复杂,我是在 J-walk 的《VBA编程宝典》这本书里学到的技术方法,运用到自己的图表形式,弄出各种各样的交互形式和效果。以下是书中的简单示例步骤,难度较大,高能预警。



vba新手不一定需要弄懂这些代码,老实说我也不是都弄懂了,我们能够依葫芦画瓢做出来就可以了。如果看不懂这两页纸又希望学会这个技术,可以参加经2季课程,学习第6章的视频讲解。PS:这个课程的难度较高,参加的话需要有一定基础和思想准备哦。


第7章也是这个技术的应用形式,是滑过折线图驱动一个动态仪表盘图表。


利用这种悬停技术,可以做出类似切片钻取的交互操作。当然,在新一代的商业智能软件里,比如Tableau、PowerBI,基于同一个 cube 的多个图表之间,都是可以相互切片钻取的了,这就是软件越来越强大的地方。


不过,在适当的代价之内,在传统的 Excel 里做些这样的动态图表,还是不错的。下面贴几个 Excel 制作的鼠标滑过动态图表的应用范例,以供参考。


这是最近仿微信分析图表的一个图,鼠标滑过折线图突出显示数据点的动态图表,悬停时,小圆点、竖线、数据标签同时突出显示。


这个例子里,上方还有鼠标滑过单元格的选项卡选择形式,这是一种单元格悬停交互技术,经2季课程里面也有详细介绍,我最喜欢的Excel技巧之一。


这是之前的一个范例,背后的浅色柱形图,既用来捕获鼠标,又用来突出显示当前选择对象,一举两得。



这是以前仿NY的一个动态图表,鼠标滑过的小有多平板折线面积图,所有小图表上的小黑点、竖线、年份、标签一起同步流动,很有意思。这个之前有写过教程帖子,范例文件链接也还在,可以下载。【提示:本帖下载资源在这个链接里】




将悬停技术和前面的射线技术结合起来,则可以制作下面的动态图表,鼠标悬停突出显示的射线地图。这个比较复杂,暂时没空写贴讲解,有兴趣的朋友可以自行研究。


看了这些鼠标滑过的动态图表范例,是不是觉得这种交互形式很好很强大?是的,一旦学会了这种技术,你可以 DIY 出很多新颖的动态图表交互形式。也不需要记住方法步骤代码,有一个范例文件用来依葫芦画瓢就可以了。


经2季课程,《经济学人的动态图表与交互设计》,是 用 Excel DIY 出经济学人交互风格的动态表,用到宏,难度略高,但与效果确实众不同,BIGGER高,有兴趣点击【阅读原文】学习。



Excel  /  图表  /  数据  /  可视化

尽在 Excel 图表之道,点击阅读原文立即学习



推荐文章
Excel之家ExcelHome  ·  用Excel算算,今年攒了多少钱?
4 天前
Excel之家ExcelHome  ·  AI赋能,效率倍增
4 天前
Excel之家ExcelHome  ·  Excel控件动态图表
4 天前
完美Excel  ·  工作表滚动技巧
1 周前
人民日报  ·  来了!新闻早班车
8 年前
大呲花  ·  农村大爷:引村民围观!火了
7 年前
优秀网页设计  ·  我该如何系统的学设计?
7 年前