AXURE教程：散点图_axhub.0.2.0.js

作者：我家小花儿 | 2024-02-18 08:40:49

踩

axhub.0.2.0.js

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

效果如下：

原型预览及下载地址：

一、功能介绍

二、制作方法

（1）先做出堆叠柱形图原件，具体制作方法参考我上一篇文章—— Axure教程：堆叠柱状图

（2）制作散点，用椭圆形画出你喜欢的圆点。

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

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

（4）影藏掉矩形

（5）如果中继器内的数据为空，隐藏该原点

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/106654?site