在我们浏览股市的走势图时,你会发现当鼠标移上去后就会显示出数据,这种效果用Axure怎么做出来呢?

最近一个朋友问我,股市的走势图鼠标移上去就显示数据,这种效果怎么用原型做出来?就是类似如下的效果:


先睹为快:点击预览
教程开始:以谷歌云后台虚拟机监控视图为例。
第一步:观察规律,记录要点
静态:除了指示器,提示层,其他元素为静态。
动态:
1. 指示器,X坐标跟随鼠标X坐标,Y坐标保持不变;
2. 指示器,不能超过走势图范围;
3. 提示层,X坐标跟随鼠标+固定间隔,Y坐标跟随鼠标;
4. 提示层,数字变化,随指示器和曲线交汇的值变动;
第二步:绘制元素,细节略

闽ICP备13000641号-4