Notice: Undefined index: static in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1619

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1635

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1640

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1654

Notice: Undefined index: cache in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 32

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/libs/classes/xs.class.php on line 130

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/libs/classes/xs.class.php on line 130

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1674

Notice: Undefined variable: elasticsort in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1716

Notice: Undefined variable: pagesize in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1716

Notice: Undefined variable: pagesize in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1716

Notice: Undefined variable: page in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1716

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/libs/classes/xs.class.php on line 130

Notice: Trying to access array offset on value of type null in /www/wwwroot/local.likecs.com/core/libs/classes/xs.class.php on line 138

Notice: Trying to access array offset on value of type null in /www/wwwroot/local.likecs.com/core/libs/classes/xs.class.php on line 138

Notice: Trying to access array offset on value of type null in /www/wwwroot/local.likecs.com/core/libs/classes/xs.class.php on line 138

Notice: Trying to access array offset on value of type null in /www/wwwroot/local.likecs.com/core/libs/classes/xs.class.php on line 143

Notice: Trying to access array offset on value of type null in /www/wwwroot/local.likecs.com/core/libs/classes/xs.class.php on line 143

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1718

Notice: Undefined index: title in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1723

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1746

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/libs/classes/xs.class.php on line 130

Notice: Undefined index: title in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1787

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1796

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1830

Notice: Undefined index: debug in /www/wwwroot/local.likecs.com/core/modules/default/index.php on line 1841
AXURE教程:散点图 - 爱码网

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

效果如下:

AXURE教程:散点图

原型预览及下载地址:

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

 

一、功能介绍

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

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

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

 

二、制作方法

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

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

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

AXURE教程:散点图

 

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

 

AXURE教程:散点图

 

(4)影藏掉矩形

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

 

AXURE教程:散点图

 

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

相关文章: