美文网首页Aaxure使用
如何在Axure中嵌入Echarts

如何在Axure中嵌入Echarts

作者: 中华二当家_ | 来源:发表于2018-03-21 23:41 被阅读0次

    查了一下网上已有的方法,如下:

    1.使用内联框架。先把echarts的图表在线修改好,点击内联框架,

    然后预览。

    出现了下面的选择按钮,并不是很美观。所以试了第二种方式。

    2.修改前端文件。

    在axure中拖一个矩形,然后生成html文件。(会有一个resources文件夹)

    打开http://echarts.baidu.com/download.html,下载

    将下载的echarts.min.js文件复制到resources文件下的scripts文件夹中。

    echarts.min.js引入到index的.html中,代码如下:

    这句代码一定要放在body中HTML代码的后面,否则会造成加载时阻塞后面的html。

    然后打开下载想要的echarts的实例html文件,用sublime或记事本打开,复制其中的实现代码,代码如下:

    将其中的container改为页面中之前所拖入矩形框div块级元素id。(本例中是u0_div)

    保存,刷新。已实现!

    相关文章

      网友评论

        本文标题:如何在Axure中嵌入Echarts

        本文链接:https://www.haomeiwen.com/subject/tdogqftx.html