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
|