如何详细操作微信小程序整合Echarts并实现分包？

本文共计1671个文字，预计阅读时间需要7分钟。

前言：假期即将结束，但它以一种特殊的方式呈现给我们（摸摸自己的小肚子）。在小程序上以图形化展示数据，就是分配给我的假期预研任务，了解了一下网上大家的文章，知道了Uc。

前言

假期虽然结束了，但是它以另外一种形式展示我们身上（摸摸自己的小肚子）。在小程序上以图形化显示数据就是分给我的假期预研任务，查了一下网上大佬们的文章了解到了Ucharts，F2，Wx-charts和Echarts，只尝试了F2和Echarts，由于Echarts的最近更新最近和我对Echarts更为熟悉，所以我选择了Echarts，F2也试了下，虽然弄出来了，但是我不是太熟悉所以就放弃了。

进入正题

首先我是看到别人的文章写Echarts的，给了官网的传送门，然后就去官网顺着看了，比较简单，这里我也给个传送门吧。大体上的步骤

1、下载官网例子。

2、把官网例子中的ec-canvas文件夹复制到项目目录中。

3、在具体的页面中像使用组件一样引入ec-canvas。

4、在具体的页面的js中进行初始化。

在下载完官网例子后，找到ec-canvas文件夹，里面有echarts.js,wx-canvas.js还有ec-canvas四件套。然后把这个文件夹复制到自己项目的目录下，一开始我是放到utils下的，后来分包之后就放别的地方，这里就当放在utils下了。然后项目就大了700+KiB。