微信小程序使用Echarts图表

微信小程序是一种不需要下载安装即开即用的应用，可实现现用app应用70%的功能，用户扫一扫或者搜索即可使用，快捷方便使得微信小程序在我们生活中已经广泛使用。为了满足微信小程序开发者的需求，Echarts官方和微信小程序官方团队合作，提供了 ECharts 的微信小程序版本。开发者可以通过熟悉的 ECharts 配置方式，快速开发图表，满足各种可视化需求。这篇博客记录一下微信小程序中使用Echarts图表库

1. 新建微信小程序项目

首先我们微信开发者工具新建一个不使用云开发的微信小程序项目（图1所示），新建后的微信小程序目录结构（图2所示）

图1

图2

2. 将Echarts官方项目下载到本地

使用Echarts的图表库，我们需要将Echarts的组件先下载到本地，可以从Echarts官网（图3所示）中找到github上的图表组件下载地址（图4），下面是两个链接：

Echarts官方地址：Echarts官方介绍微信小程序使用Echarts

图表组件下载地址：github官网上的 ecomfe/echarts-for-weixin 项目下载

图3

图4

注意：github是外国网站，很有可能无法访问，可以去我上传资源下载

3. 将Echarts组件复制粘贴到项目

3.1 我们将下载的代码解压后的echarts-for-weixin-master文件夹（图5所示），用微信开发者工具打开可以看到是一个Echarts图表的微信小程序示例（图6所示）

图5

图6

3.2 我们将echarts-for-weixin-master文件夹下的ec-canvas图表组件核心文件复制粘贴到