「连载100篇」AXURE-组件-021-统计图系列-线图1

封面

hi，大家好，我是18岁fantasy，axure组件和实例100篇连载。本期小组件为统计图系列中的一个线图系列，主要用到axure的移动效果等知识点。

文章结尾提供本期组件的原件下载地址，随时可下载。

显示效果

显示效果

实现方式

1.图层分析。其中通过钢笔划出折现，并设置曲线链接等。具体如下：

图层

事件设置

主要原理为：

1，动画效果主要通过遮罩层的线性消失产出，从而终视觉上做出线条在移动的效果。

2，启动时设置遮罩层宽度逐渐变为0px，然后再恢复，重复这个动作即可。

具体如下：

事件设置

~以上便是本次小组件的全部内容~

原件下载

链接：https://pan.baidu.com/s/1YHXLkm5099L05VPBWKglTg

提取码：l57h

~~~

18岁提示：以上文件完成于axure 8版本。

定期会将组件整理成完整文件统一发布。

原创文章，转载请标明出处。

感谢关注