利用Echarts插件生成柱状折线图饼图等

相信很多时候我们都会遇到将后台数据汇总前台是需要将数据生成图表形式来让我们更加直观的观看分析数据，对于刚刚接触的人来说，可能会感到头疼，基于此，依据我自己对其的一个简单的学习，给大家分享下自己所做的步骤。

1. 首先需要在前台html页面引用相应的图表插件echarts插件，如下所示：

<script type="text/javascript" src="echart.min.js"></script>

具体所需插件可在Echarts在线构建可进行自己选择所需要生成图表的js插件。

2. 再在该html页面写入指定id的div，为 ECharts 准备一个具备大小（宽高）的 DOM如下所示：

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

3. 然后在中在其里面对基于准备好的dom，初始化echarts实例。

  var myChart = echarts.init(document.getElementById('