echart统计图表折线图demo

首先，我们引入相关的js文件     <script type="text/javascript" src="<%=basePath%>common/devplatform/js/echarts-3.1.9/echarts.min.js"></script>

我们建立一个div层，存放图表。

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

写相关js；初始化图表

var deptName = "";
 $(document).ready(function(){
     //折线图
       testLine();
  
  });
 
  var myChart = echarts.init(document.getElementById('line'));
  //折线图
     function testLine(){
       $.ajax({
            //提交数据的类型 POST GET
            type:"POST",
            //提交的网址
            url:"<%=basePath%>test/echart_getLineData.action",
            //提交的数据
            data:{deptName : deptName},
            //返回数据的格式
            datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
            //在请求之前调用的函数
            //beforeSend:function(){$("#msg").html("logining");},
            //成功返回之后调用的函数            
            success:function(data){
            var result = eval("("+data+")");
            myChart.setOption({
              title: {
                    text: '部门人数统计',
      &n