【Axure教程】:动态扇形统计图

首先我们先思考一下:

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

产品经理,产品经理网站

一、使用场景

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

二、优点分析

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

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

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

三、设计原型

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

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

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

产品经理,产品经理网站

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

产品经理,产品经理网站

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

产品经理,产品经理网站

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

产品经理,产品经理网站

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

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

产品经理,产品经理网站

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

产品经理,产品经理网站

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

 

本文作者 @画图仔 。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部