Axure基础教程:绘制饼状图
在产品设计过程中,会做一些图表分析的功能,这时候会经常使用饼状图,今天我来教大家如何利用Axure RP绘制饼状图。
1、从元件库中拖入一个圆形,设置圆形大小“160*160”,选中圆形后,右键单击
2、单击【选择形状】后,在形状库中选择“扇形”
3、拖动黄色小圆点,将扇形夹角度数设置小一点
4、接下去复制1个扇形,圆心与第一个对准,拖动第二个扇形的小圆点
5、在这边我们确认一下饼状图需要表示几个指标,即要分为几块;然后复制对应的扇形,例五块。则复制5个扇形,根据需要调整各个扇形的夹角度数(拖动小圆点即可),最后在概要里面可以看到5个饼形
6、最后设置每个饼形的颜色即可:由于饼状图的大小都是一个圆形,尺寸一样,直接单击形状时只能选择最上层的形状,这个时候我们可以在【概要】中选择形状,在右侧【样式】-【填充】中调整颜色
7、设置好五个饼形的颜色后,基础的饼状图就绘制好啦~
8、如果需要设置查看指标数值的效果,可以接下去看哦~
9、拖入一个矩形框,在【样式】中设置矩形框名称为“数值”,然后设置填充色和半径等(根据需要设置)
10、在右侧【样式】,点击隐藏icon,隐藏矩形框
11、设置鼠标移入效果-显示/隐藏-默认显示—选择矩形框(数值)
以上就是Axure基础教程绘制饼状图的全部内容了,更多精彩内容请关注macw.com!
相关软件
相关文章
Axure RP教程,如何查看和共享您的原型?
Axure RP 9 for Mac是Mac平台上的一款专为快速原型设计而生的应用,Axure RP 9 Mac破解版可以辅助产品经理快速设计完整的产品原型,并结合批注,说明以及流程图,框架图等元素,将产品完整地表述给各方面设计人员,如UI 、UE等等,并在讨论中不断完善。今天就给大家带来了Axure RP如何查看和共享您的原型的教程,一起来看看吧!
浏览:296次更新:2020-03-22
Axure在浏览器中预览时文字大小错误失效的解决办法
在用Axure设计时,有时候需要用到较小的文字来表达注释、标签等内容。但是在用浏览器预览时,会遇到设置的字号无效的情况。
浏览:47次更新:2021-02-21
axure教程|axure之图片拖动放大缩小
大家好,我是macw小编,今天给大家带来一个axure拖动图片可以改变大小尺寸的教程。axure教程很简单的,几步就搞定了。
浏览:75次更新:2021-02-22
Axure9教程:如何实现淘宝模糊搜索框?
提到淘宝的搜索,大家都能想到在这个搜索框输入关键词后出现的一系列联想词。那么这种效果如何通过Axure做出来呢?又有哪些要点呢?
浏览:78次更新:2021-02-28