AXURE原型——通过cdn加载Echarts
简单来讲,通过为两组业务数据进行建模,然后输入一个数据的期望值,测算另一个数据。 原型效果如下:

当然,这个东西无论是从功能还是从模型上来讲,都是最简单的水平。不过此原型的亮点在于:
1、在使用AXURE绘制时,通过CDN的方式,从公共网络资源加载ECHARTS库,再将JavaScript代码嵌入到原型元件中,实现左侧散点+线图的数据可视化.

2、通过一个不可见的矩形元件,将其文本内容作为数据容器,用于集中存放中继器数据表中的业务数据。并在数据容器中将数据格式调整为可作为JavaScript中的数据代码部分的格式。
最终将数据容器的文本作为局部变量传递给JavaScript代码,从而实现在原型中可以动态调整可视化内容。(新测算出的红点)


______________________________________________
此过程中遇到的3个坑
①:公共网络资源有很多,不同资源加载的ECHARTS库可能不稳定,时常不能正确加载。最终我的解决方案是直接登录Echarts官网,随便下载一个实例,然后查看其代码引用的源,使用这个源至少目前是比较稳定的。


②:在AXURE原型中嵌入的JavaScript代码,不可以包含任何注释。我们从Echarts官网获得的可视化配置代码中,时不时就含有部分注释内容,这些内容再Echarts官网上可以运行,在Notepad++等其他地方也可以正确识别,但是唯独不可以直接将含有注释内容的代码直接写到AXURE中。

③:在数据可视化初始化的时候,需要等待一小段时间。原因是必须等待中继器数据表与数据容器中的内容加载完毕后,再进行数据可视化的载入。否则图中会有部分数据显示不完全。
