Axure 教程:用中继器做散点图 获赏8金币 案例教程 基础教程

vigo 普通用户 2019-11-7 2165


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

效果如下:

演示地址:http://ije8g9.axshare.cn/

下载地址:https://www.axureshop.com/a/1114192.html

一、功能介绍

  1. 所有图表不需要联外网,数据也不是写死的,只需在中继器或表格中填写数据即可自动生成图表,操作简单。
  2. 大小、颜色、样式、交互可以自由变换。
  3. 鼠标移入时能显示具体数据。

二、制作方法

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

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

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

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

(4)影藏掉矩形

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

最后,制作完成后,以后使用方便,仅需简单填写中继器的内容,即可拥有完美的效果,所以强烈推荐给各位使用,有需要的小朋友给我留言哦,谢谢阅读。

演示地址:http://ije8g9.axshare.cn/

下载地址:https://www.axureshop.com/a/1114192.html

交流微信:522073109

登录后回复
打赏排行 用户名 打赏金额
第1名 沈十三 8金币
最新回复 (1)
  • 沈十三 管理员 2019-11-7
    0 引用 2
    感谢分享,获得8金币奖励!本栏目为教程栏目,希望还是以教程为主!交易类作品建议发布到集市栏目!
返回