微信小程序引入ECharts教程

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

一步

echarts官网下载echartsforweixin项目

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

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

二部

使用git Bash Here拉取项目echartsforweixin代码

在这里插入图片描述

第三

拷贝项目中的eccanvas文件夹项目中的pages同级目录
在这里插入图片描述
这里已经完成然后去看项目案例即可套入使用案例下载echartsforweixin项目

扩展

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

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

在这里插入图片描述

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

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

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

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注