用Echarts编写柱形图、折线图转换（数据从后台获取）

一、Echarts特性介绍

        Echarts是一个纯JavaScript图标库，可以流畅的运行在PC和移动设备上，兼容大部分浏览器（IE/8/9/10/11、Firefox、Chrome等），底层依赖轻量级的Canvas类库ZRender ，提供直观、生动、可高度个性化定制的数据可视化图表。

二、Echarts轻松上手

1、Echarts只需像普通的JavaScript库一样用script引入

       

2 、在绘图前需要为Echarts准备一个具备高宽的DOM容器

      

3、再则通过echarts.init方法初始化一个echarts实例并通过setOption方法生成一个简单的柱状图。

完整代码如下：

效果图：

 

注意echarts的格式与转换json的格式，格式不对可以将数据获取到后将数据拿出来放到需要的格式中