微信小程序引入echarts教程(定制引入流程)

您所在的位置:网站首页 去衣ps教程 微信小程序引入echarts教程(定制引入流程)

微信小程序引入echarts教程(定制引入流程)

#微信小程序引入echarts教程(定制引入流程)| 来源: 网络整理| 查看: 265

1.打开echarts官网 查看echarts-for-weixin项目 (这也是项目案可以参考案例)     (官方网址https://echarts.apache.org/zh/index.html)  2.去拷贝项目echarts-for-weixin 使用git Bash Here拷贝项目代码 先git init 初始化仓库        然后使用git clone克隆仓库地址(https://github.com/ecomfe/echarts-for-weixin.git) 

3.拷贝项目里面的ec-canvas文件夹到项目中pages同级目录 4.在wxml和 wxss 还有js文件中使用echarts官方案例,直接去刚刚拷贝的项目上打开微信小程序参照上面的案例 (别忘记了使用的json文件引入组件) 5.到了这个时候已经算是完成了,但是我们会发现有时候项目中使用的统计图种类并不是很多,     所以我们这样是使用会导致我们的小程序过大 6.这个时候我们就可以官方那里,进行在线定制表格,选取自己的表格和各种规格之后。在最底下会有个下载选项    下载的时候我们可以选择压缩下载和普通下载,参照当前的开发环境去决定需要哪个 7.下载完成后,会有一个echarts.js文件,这时候我们只需要把echarts.js文件替换成我们拷贝文件夹里面的echarts.js就可以了   ps:压缩下载的文件后缀是echarts.min.js的 我们也要改成echarts.js;但是不会影响这个文件的内容    普通文件可让我们更加直观的检查代码,压缩文件体积更小,如果是使用TypeScript模板的开发的小程序可以把后缀名改成ts  



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3