Axure中嵌入echart动态图表,实现可视化视图

准备工作:

1.echart官网:https://www.echartsjs.com/index.html

下载echart.min.js,后面放出Axure中引用;

2.进入echart官网-》实例-》官方实例,选择自己需要的柱状图、饼图或者线形图等(也可以在社区-》gallery,

这里都是个人上传的可视化图,比较实用),也可以自己根据需要修改前端代码,完成自己所需要的可视化图,

注意:编辑完成后不要修改如下图所示,切换背景颜色,不然你的辛苦劳作会丢失的!!!!!

点击右下角Download下载一个html,作为后续引入axure内联框架中。

3.在axure中加入一个内联框架,如下图所示:

最后在本地生成HTML文件,将下载的echart.min.js引入到生成的HTML文件下\resources\scripts这个路径下,

同时将生成的HTML文件与在echart中官网可视化图或者自定义可视化图导出的html放在一个目录下,如下图:

然后将area-basic.html的本地路径引入axure的内联框架之中即可。

注意:查看效果不要axure预览模式查看,需要重新发布生成,查看效果

另:这个问题暂时无解决办法。。。。。,没有研究过。。。。放之。。。。

发布了2 篇原创文章 · 获赞 2 · 访问量 1645

猜你喜欢

转载自blog.csdn.net/qq_33635033/article/details/100525488