AXURE教程：散点图

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

效果如下&＃xff1a;

原型预览及下载地址&＃xff1a;

https://axhub.im/pro/1882d0a30c3301c9

一、功能介绍

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

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

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

二、制作方法

&＃xff08;1&＃xff09;先做出堆叠柱形图原件&＃xff0c;具体制作方法参考我上一篇文章—— Axure教程&＃xff1a;堆叠柱状图

&＃xff08;2&＃xff09;制作散点&＃xff0c;用椭圆形画出你喜欢的圆点。

&＃xff08;3&＃xff09;圆点定位&＃xff0c;我们的目的是将原点定位到柱形上方的正中间&＃xff0c;如下图所示

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

&＃xff08;4&＃xff09;影藏掉矩形

&＃xff08;5&＃xff09;如果中继器内的数据为空&＃xff0c;隐藏该原点

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