echarts入门教程（含小案例）

ECharts 入门教程

简介：

ECharts，缩写来自Enterprise Charts，商业级数据图表，是百度的一个开源的数据可视化工具。

特点：

 

1、开源软件，并且我们提供了非常炫酷的图形界面，特色是地图，另外还提供了柱状图、折线图、饼图、气泡图及四象限图等；

2，使用简单，在官网中为我们封装了js，只要会引用就会得到完美的展示效果；

3，种类多，echarts实现简单，各类图形都有；相应的模板，还有丰富的API及文档说明，非常详细；

4，兼容性好，基于HTML5，有着良好的动画渲染效果。

 

柱状图效果：

 

 

首先，创建一个div盒子来盛放我们即将绘制的柱状图。

<div id="first" style="width:400px;height:400px"></div>

 

然后，我们导入Echarts类库，做好准备。（如果没有echart类库，请到官网上下载）

 <!-- 引入 echarts.js -->

    <!--