微信小程序如何引入使用ECharts（附带自定义定制流程）-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序如何引入使用ECharts（附带自定义定制流程）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

微信小程序引入ECharts教程

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

第一步

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

官网地址 https://echarts.apache.org/zh/index.html
根据以下操作找到小程序需要下载的项目
微信小程序使用echarts,微信小程序,echarts,小程序点击使用手册找到应用篇

微信小程序使用echarts,微信小程序,echarts,小程序或者在搜索框搜索小程序也可以找到。

第二部

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

微信小程序使用echarts,微信小程序,echarts,小程序

第三步

拷贝项目中的ec-canvas文件夹到项目中的pages同级目录下
微信小程序使用echarts,微信小程序,echarts,小程序
到这里已经完成了然后去看项目的案例即可套入使用，案例在下载的echarts-for-weixin项目中

扩展

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

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

微信小程序使用echarts,微信小程序,echarts,小程序

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

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

ps:压缩文件下载的后缀是echarts.min.js的，我们可以改成echarts.js；不会影响这个文件的内容，普通文件可以让我们更加直观的检查代码。如果是使用TypeScript模板开发的小程序可以把后缀改成.ts文章来源地址https://www.toymoban.com/news/detail-719315.html

到了这里，关于微信小程序如何引入使用ECharts（附带自定义定制流程）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！