首页 前端知识 微信小程序如何引入使用ECharts(附带自定义定制流程)

微信小程序如何引入使用ECharts(附带自定义定制流程)

2024-04-30 11:04:20 前端知识 前端哥 16 380 我要收藏

微信小程序引入ECharts教程

开发中有时候避免不了引入各种第三方库,以下是详细讲解了微信小程序如何引入ECharts图表

第一步

去echarts官网。下载echarts-for-weixin项目

官网地址 https://echarts.apache.org/zh/index.html
根据以下操作找到小程序需要下载的项目
在这里插入图片描述点击使用手册找到应用篇

在这里插入图片描述或者在搜索框搜索小程序也可以找到。

第二部

使用git Bash Here拉取项目echarts-for-weixin的代码

在这里插入图片描述

第三步

拷贝项目中的ec-canvas文件夹到项目中的pages同级目录下
在这里插入图片描述
到这里已经完成了然后去看项目的案例即可套入使用,案例在下载的echarts-for-weixin项目中

扩展

到这一步的时候已经算是完成了,但这时候发现引入的echarts太大,这个时候希望包的体积能减少。

那么就可以去官方哪里,进行在线定制表格,选取自己需要的表格和规格

在这里插入图片描述

然后选好表格后,根据当前的开发环境选择压缩下载或者普通下载

下载完成后会有一个echarts.js文件,这个时候组需要把项目中的echarts.js替换成我们自定义下载的表格文件即可

ps:压缩文件下载的后缀是echarts.min.js的,我们可以改成echarts.js;不会影响这个文件的内容,普通文件可以让我们更加直观的检查代码。如果是使用TypeScript模板开发的小程序可以把后缀改成.ts

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6699.html
标签
小程序
评论
会员中心 联系我 留言建议 回顶部
复制成功!