快好知 kuaihz

AXURE教程:散点图

上一期教会大家如何用axure做堆叠柱状图,本文将教大家如何用AXURE做散点图

效果如下:

一、功能介绍

所有图表不需要联外网,数据也不是写死的,只需在中继器或表格中填写数据即可自动生成图表,操作简单。

大小、颜色、样式、交互可以自由变换。

鼠标移入时能显示具体数据。

二、制作方法

(1)先做出堆叠柱形图原件,具体制作方法参考我上一篇文章——Axure教程:堆叠柱状

(2)制作散点,用椭圆形画出你喜欢的圆点。

(3)圆点定位,我们的目的是将原点定位到柱形上方的正中间,如下图所示

那么到底要怎么做呢?横坐标我们手动移到矩形的正中间即可,但是纵坐标柱形是会变化的,这要通过计算,移动原点,这样就可以确定了园点的位置了。

(4)影藏掉矩形

(5)如果中继器内的数据为空,隐藏该原点

最后,制作完成后,以后使用方便,仅需简单填写中继器的内容,即可拥有完美的效果,谢谢阅读。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:AXURE教程:散点图  教程  教程词条  AXURE  AXURE词条  
原型

 Axure8.0实例 | 随机双...

福彩双色球,大部分朋友对此并不陌生吧,相信买过的朋友或多或少都对此有所研究,今天我们一起来用Axure8.0模拟做一个双色的开奖过程。今天使用的主要知识点有,全...(展开)

原型

 Google Material ...

本文作者将分享一套来自于Google Material Design的实用Axure图标组件库,其中一共有900+款的常用的经典图标。enjoy~平时各位交互设...(展开)

原型

 Axure教程:按钮的启用和禁用...

原型中常要用到按钮的禁用和启用,比如常见的:输入手机号获取验证码的获取按钮,在未输入内容前按钮不可点,输入按钮后,可点击获取按钮获取验证码。那我们本文就一起来看...(展开)