AXURE教程:散点图

梓贤vigo
2 评论 8017 浏览 10 收藏 3 分钟

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

效果如下:

一、功能介绍

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

二、制作方法

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

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

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

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

(4)影藏掉矩形

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

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

 

本文由 @梓贤Vigo 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 原型预览及下载地址:
    https://axhub.im/pro/1882d0a30c3301c9

    来自广东 回复
  2. 请问怎么设置这个中继器为空?而且是每一项都要判断吗?

    来自广东 回复
专题
13641人已学习12篇文章
用户调研作为产品人员最常用的工作方式,相信各位一定不会陌生。但如何提高用户调研的有效性却是一直困扰大家的问题。本专题的文章分享了用户调研的方法论。
专题
19510人已学习13篇文章
本专题的文章分享了跨境支付的行业、发展、支付方式和商业等信息。
专题
49310人已学习14篇文章
产品经理往往会承担一定的项目管理职能,那么该如何做好项目管理呢?
专题
15590人已学习11篇文章
采用IPD开发流程,在初期能把各种工作问题识别出来并扼杀在摇篮中。本专题的文章分享了什么是IPD开发流程?如何应用IPD开发流程?
专题
36014人已学习30篇文章
大数据时代已经到来,越早进入,越有优势。