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
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。