echats 的使用

1. 第一步在我们的电脑上百度搜索echarts，点击进去，如下图所示：

   
2. 2

   第二步进去之后，点击下载，选择要下载的echarts版本，一般选择源代码，如下图所示：

   
3. 3

   第三步下载完成之后，我们也可以来使用，创建一个html文件引用echarts.js和设置两个具备宽高的div准备绘制柱状图和饼图，如下图所示：

   
4. 4

   第四步我们基于创建好的柱状图div，首先指定图表的配置项和数据，然后将图表的配置项和数据都显示出来，如下图所示：

   
5. 5

   第五步我们在浏览器打开，可以看到已经成功通过echarts绘制了一个柱状图，如下图所示：

   
6. 6

   第六步我们下面来绘制饼图，同样也是先初始化echarts实例，指定图表配置项和数据，如下图所示：

   
7. 7

   第七步我们在浏览器重新打开页面，可以看到饼图也绘制好了，如下图所示：

   
8. 8

   第八步我们也可以进去官网，查看文档，掌握详细的使用方法，如下图所示：