本文介绍了如何在Axure中嵌入ECharts动态图表，以实现可视化视图。首先从ECharts官网下载echart.min.js，接着在ECharts实例中选择或定制所需的图表，并下载html。然后在Axure中添加内联框架，将ECharts的html和js文件放在同一目录下，并引入到内联框架中。发布生成HTML文件后，通过预览查看效果。需要注意的是，预览模式无法显示效果，必须发布后查看。
准备工作：
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放在一个目录下，如下图
最低0.47元/天 解锁文章
扫一扫
3631
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
