如何在Axure中嵌入Echarts

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

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)

保存,刷新。已实现!


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,841评论 25 708
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,786评论 1 92
  • 对生命而言,接纳才是最好的温柔,不论是接纳一个人的出现,还是接纳一个人的从此不见。
    天空不懂向日葵的伤阅读 196评论 0 0
  • 在外面玩,卡卡看上了朋友的滑板车,非要玩。 不同意,就动了怒,一动怒,就要拽我的眼镜。不让拽,就更怒。 最后,小朋...
    一个壶阅读 218评论 0 0
  • 打开我的手机界面,有很多应用工具,估计在这个智能时代,每个人的手机都是这样子。 在这较多的APP上,自己打开频率最...
    陈虹_dd45阅读 245评论 0 3