• 本网站主要是学习分享,个人资源收藏,互动信息交流,欢迎留言
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

如何在Axure嵌入Echarts图表

首页内容 毛玉毛 2541次浏览 已收录 0个评论

ECharts是一款由百度前端技术部开发的,基于Javascript的数据可视化图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器,底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。

简单点来说,这是一个非常酷炫实用的数据可视化的工具。

下面我们来说说,如何在Axure嵌入Echarts图表

1. 在Axure新建文件,拖入一个矩形,并命名为“123”;

2. 生成HTML文件,记住文件所在的路径(比如G:\My Files\Axure_test),下面需要用到;

3. 进入Echarts官方下载页面,下载echarts.min.js文件并复制到HTML文件所在文件夹下的resources中的scripts文件夹中(比如:G:\My Files\Axure_test\resources\scripts);

4. 用记事本打开HTML文件所在文件夹下的index.html文件,将echarts.min.js引入到index.html中,复制以下代码到body中:

<script src="resources/scripts/echarts.min.js"></script>

5. 选择并下载echarts实例的html文件,用记事本打开;复制以下代码到index.html中;复制完成后修改container为index中之前所拖入矩形框的div块级元素id(本例中是u0_div)。

选择图表

点击右下角download下载源码

从源码中复制这段代码

粘贴代码并修改container

6. 保存,用浏览器打开index.html文件,已经成功载入图表。

作者:暴走的小钢蛋
链接:https://www.jianshu.com/p/8b086e14d9e4
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。


毛家二毛 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明如何在Axure嵌入Echarts图表
喜欢 (0)
[13512347997]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址