《AXURE绘制饼图操作实例》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强表格,圆形,文本标签等多维度案例或实操来进行更多的学习;此教程是由Neo在2021-07-15发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。
Axure是做产品设计时必备的技能之一,被广大的产品经理所认可。在原型设计的过程中,经常会用到一些炫酷的图表,今天教大家最基础的饼状图绘制方法,一起开看一看吧:
演示示例:http://ije8g9.axshare.cn/#g=1&p=%E9%A5%BC%E5%9B%BE
1. 材料准备
准备n个半圆形填上不同的颜色,放置同一位置如下图所示。
2. 表格制作
如下图所示,根据需求做好表格,最大的值一定要发在一个个格子。
3. 设置表格总数
表格总数=各值加总
4. 旋转
旋转分两种情况:
1最大值占总值少于等于50%
以鸡尾酒为例,那么第一个图形旋转的角度就是500/总数*360,第二个图形旋转的角度为400/总数*360+第一个半圆旋转的角度,以此类推。
2)最大值占总值大于50%
这时,我们要复制一个和第一个半圆一模一样的半圆,影藏掉,当最大值占总值大于50%时,显示出来。然后在旋转第一个半圆。
以鸡尾酒为例,那么第一个图形旋转的角度就是500/总数*360-180,第二个图形旋转的角度为400/总数*360+第一个半圆旋转的角度,以此类推。
5. 标签制作
做一个标签,如下图所示,默认隐藏。
思路:鼠标移入矩形的时候,显示标签,标签跟随鼠标移动,让Item.no的值=文本标签2,Item.x的值=文本标签1,以此类推。
鼠标移出的时候,隐藏标签即可。
最后,制作完成后,以后使用方便,仅需简单填写中继器的内容,即可拥有完美的效果,所以强烈推荐给各位使用。
以上就是AXURE绘制饼图操作实例的全部内容介绍了,关于更多Axure教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
赠人玫瑰,手有余香
< 上一篇 Axure实现增删查改的树型结构操作实例
> 下一篇 AXURE散点图绘制操作实例
2022-06-22 10:42
2022-06-22 10:20
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论