查了一下网上已有的方法,如下:
1.使用内联框架。先把echarts的图表在线修改好,点击内联框架,
![](https://img.haomeiwen.com/i5622903/74596381bef80dc5.png)
然后预览。
![](https://img.haomeiwen.com/i5622903/f8f8ecdaf034f6dc.png)
出现了下面的选择按钮,并不是很美观。所以试了第二种方式。
2.修改前端文件。
在axure中拖一个矩形,然后生成html文件。(会有一个resources文件夹)
打开http://echarts.baidu.com/download.html,下载
![](https://img.haomeiwen.com/i5622903/2d05b417b28061b6.png)
将下载的echarts.min.js文件复制到resources文件下的scripts文件夹中。
将echarts.min.js引入到index的.html中,代码如下:
![](https://img.haomeiwen.com/i5622903/e837a541ef9bbaff.png)
这句代码一定要放在body中HTML代码的后面,否则会造成加载时阻塞后面的html。
然后打开下载想要的echarts的实例html文件,用sublime或记事本打开,复制其中的实现代码,代码如下:
![](https://img.haomeiwen.com/i5622903/13d26539ef06b20b.png)
将其中的container改为页面中之前所拖入矩形框div块级元素id。(本例中是u0_div)
保存,刷新。已实现!
![](https://img.haomeiwen.com/i5622903/89991c078450508c.png)
网友评论