ECharts可视化（1）——入门

Hello小伙伴们，好久好久不见，兔妞兔君不是故意放大家鸽子的，着实是因为最近的事情太多了。不过没关系，我们肥来啦～今天开始给大家带来可视化相关的吧，我们首先从入门版的ECharts开始吧～

ECharts

1. 先来介绍一下什么是ECharts，她是一个由baidu开发的可视化工具，其中包含很多样式，柱状图、条形图等、还有GL的等等。而且包含很丰富的组件库，以及简洁的数据接口可以对组件及数据进行配置。究竟如何使用ECharts，就让我们一起探索吧！附上官网地址：https://www.echartsjs.com/index.html
2. 下一步我们就要知道怎么获取到它，根据写页面方法的不同，我们也有多个渠道，1）可以通过官网里面的下载获得；2）可以通过github下载解压；3）可以通过npm install echarts --save，这个就用在比如使用webpack搭建了vue的项目，就可以这样获得echarts啦。
3. 获得到了ECharts，我们就需要去使用它了。 1）引入

2）使用：首先在html中定义好盛装图表的容器，并定义好宽高，这里注意，如不定义宽高，是看不到的哦，另外宽和高尽量不要使用百分比，或使用约束条件，不然会有意想不到的结果哦。

3）有了容器我们就可以开始画图了，ECharts对接口的定义很简单明了。

• 第一步获取ECharts对象，并初始化： var myChart = echarts.init(document.getElementById('main'));
• 第二步，设置option，以柱状图为例子

• 最后则是将option赋给ECharts对象

这样，我们就完成了一个图表的渲染，来看看什么效果吧～