Axure绘制动态扇形统计图

0 2021-11-23 10:53 内容校对:海绵宝宝手里的锅铲
收藏(0) 共有 226 人学习了本教程

《Axure绘制动态扇形统计图》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强操作实例,动态面板,动态交互等多维度案例或实操来进行更多的学习;此教程是由zzz在2021-11-23发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。

我们在工作中做一些原型图时,尤其是后台原型我们会经常涉及到统计图信息,上两期我详细为大家介绍了如何绘制动态柱状统计图动态折线统计图,本期北极熊素材库的小编将再次为大家详细介绍一下如何绘制动态扇形统计图。

首先我们先思考一下:

  • 什么场景会使用到扇形统计图呢?
  • 相比于柱状统计图和折线统计图我们绘制扇形统计图的优点在哪呢?
  • 如何快速设计一款美观的扇形统计图以应用我们的工作中呢?

Axure绘制动态扇形统计图

一、使用场景

扇形统计图一般适用于一个维度各项指标占总体的占比情况,分布情况,能直观显示各项目和总体的占比、分布,强调整体和个体间的比较。适合比较简单的占比比例图,不要求精度的场景。例如一个班级男女生的占比情况。使用时数据建议不超过9条。

二、优点分析

1、可以清楚地表示出各部分数量与总数之间的关系;

2、可以直观地看出各部分数量的大小关系。

3、用扇形的面积表示部分在总体中所占的百分比;

三、设计原型

本期我将以常见的某学校各个学院学生在全校占比作为案例进行绘制原型。

演示预览:https://7dnfs9.axshare.com

首先,我们先插入一个扇形图,大小和圆角根据需要自行设置参数

Axure绘制动态扇形统计图

我们将插入的扇形图转换为动态面板,双击动态面板后对里面的扇形图再次转换成动态面板并命名为【红色】

Axure绘制动态扇形统计图

复制【红色】扇形图成多个动态面板,并分别根据自身需要命名,此处我将根据颜色进行命名。

Axure绘制动态扇形统计图

创建完成后,将这些统计图叠加在一起

Axure绘制动态扇形统计图

接下来,我们进行对已创建的扇形图进行交互处理

点击最外层的动态面板,设置 载入时-旋转-选择青色-顺势针-0°-线性-500ms,依次对叠加的扇形统计图做相应的旋转角度处理,接着我们预览就可以得到一个动态的扇形统计图啦~~

Axure绘制动态扇形统计图

最后,我们可以为了让扇形统计图更加美观,可以在统计图中间加一个圆形,也可以在不同的统计图上标上对应的数据相关信息,在此我就不做展示啦~~

Axure绘制动态扇形统计图

希望本篇介绍可以帮助到小伙伴们~~~

以上就是Axure绘制动态扇形统计图的全部内容介绍了,关于更多axure统计图制作的教程信息,可参阅Axure绘制动态柱状统计图教程,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。

0

赠人玫瑰,手有余香

本内容由zzz原创发布,小编仅对内容版式进行调整,如有侵犯你的权利,请联系我们。

如果你觉得好,你可以将本课程转发给你的朋友!

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议

请输入用户名,6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中,请在三天内修复密码。

3秒后,将关闭此窗口 立即关闭

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材,助力您的工作和学习

立即升级VIP会员