Excel 实现微信动态图表的交互体验

wx后台有一个不错的动态图表，可以借鉴到我们周报月报的制作中运用：

它的交互特征：

①鼠标单击上方的扁平化指标选项卡，切换下方的动态图表。

②鼠标悬停下方的折线图，会出现小圆点、竖线和提示框突出显示当前数据点。

如果用 Excel 仿制，通常是使用窗体控件来制作动态图表，交互效果如下：

需要用到的知识点，窗体控件用单选按钮或下拉框，函数用 index 或 offset，这个我们在《让你的图表动起来》课程里已经有专题介绍了。不过悬停折线图突出显示的效果就没有了。

窗体控件动态图表制作比较简单（小白眼里还是属于高级技术），但界面没有新意，no fashion，所以微信没有把界面写成单选按钮、下拉框这样的形式，而是相对时尚的扁平化选项卡形式。

我们可以使用悬停技术来制作选项卡和动态图表，交互效果更接近微信的界面：

实现的交互特征：

①鼠标悬停上方的选项卡，即实现指标选择，当前悬停的指标名称会突出显示，动态图表切换。

②鼠标悬停折线图，则突出显示当前数据点和相应指标值，小圆点和竖线移动。

End.作者：刘万祥ExcelPro来源：微博本文均已和作者授权，如转载请与作者联系。