《Axure绘制动态扇形统计图》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强操作实例,动态面板,动态交互等多维度案例或实操来进行更多的学习;此教程是由zzz在2021-11-23发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。
我们在工作中做一些原型图时,尤其是后台原型我们会经常涉及到统计图信息,上两期我详细为大家介绍了如何绘制动态柱状统计图及动态折线统计图,本期北极熊素材库的小编将再次为大家详细介绍一下如何绘制动态扇形统计图。
首先我们先思考一下:
扇形统计图一般适用于一个维度各项指标占总体的占比情况,分布情况,能直观显示各项目和总体的占比、分布,强调整体和个体间的比较。适合比较简单的占比比例图,不要求精度的场景。例如一个班级男女生的占比情况。使用时数据建议不超过9条。
1、可以清楚地表示出各部分数量与总数之间的关系;
2、可以直观地看出各部分数量的大小关系。
3、用扇形的面积表示部分在总体中所占的百分比;
本期我将以常见的某学校各个学院学生在全校占比作为案例进行绘制原型。
演示预览:https://7dnfs9.axshare.com
首先,我们先插入一个扇形图,大小和圆角根据需要自行设置参数
我们将插入的扇形图转换为动态面板,双击动态面板后对里面的扇形图再次转换成动态面板并命名为【红色】
复制【红色】扇形图成多个动态面板,并分别根据自身需要命名,此处我将根据颜色进行命名。
创建完成后,将这些统计图叠加在一起
接下来,我们进行对已创建的扇形图进行交互处理
点击最外层的动态面板,设置 载入时-旋转-选择青色-顺势针-0°-线性-500ms,依次对叠加的扇形统计图做相应的旋转角度处理,接着我们预览就可以得到一个动态的扇形统计图啦~~
最后,我们可以为了让扇形统计图更加美观,可以在统计图中间加一个圆形,也可以在不同的统计图上标上对应的数据相关信息,在此我就不做展示啦~~
希望本篇介绍可以帮助到小伙伴们~~~
以上就是Axure绘制动态扇形统计图的全部内容介绍了,关于更多axure统计图制作的教程信息,可参阅Axure绘制动态柱状统计图教程,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
赠人玫瑰,手有余香
< 上一篇 Axure制作APP折叠面板 axure手风琴制作教程操作实例
> 下一篇 模拟Axure文件上传进度条效果
2022-06-23 10:12
2022-06-20 10:01
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论