微信小程序引入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

原文地址:https://blog.csdn.net/m0_71156997/article/details/132039163

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_41752.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

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