初遇Echarts之Echarts入门

初次使用Echarts

首先咱们来说说什么是Echarts，用途是什么——ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。

ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。

在使用ECharts之前要先安装ECharts，
可以通过以下几种方式获取ECharts

1. 从 Apache ECharts (incubating) 官网下载界面 获取官方源码包后构建，
2. 在 ECharts 的 GitHub 获取
3. 通过 npm 获取 echarts，npm install echarts --save，详见“在 webpack 中使用 echarts”
4. 通过 jsDelivr 等 CDN 引入
   上述方法都可以

接着就是在html中引入ECharts

这样我们就可以制作我们想要的各种图表了，在这我就放上我制作的一个小图表，供大家参考。

在body中

<div id="main"></div>

在css中

#main {width: 90%;margin: 0 auto;height: 2.46rem;}

在script中

<script type="text/javascript"