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

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

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

如何将EChart写的饼图引用到jsp中Axure中若何嵌入echart动态图表实现可视化视图 SQL

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




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

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

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

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

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

把稳:查看效果不要axure预览模式查看,须要重新发布天生,查看效果

获取更多精彩可视化Axure实例,请点击下方“理解更多”