ECharts通过ajax实现动态加载数据

搞了好久，看着简单，碰到各种麻烦，记录一下，以备后用。ps:还是志哥帮忙搞定的。
详细演示如下过程：1.客户端通过ajax发送请求；2.服务器端Servlet接收请求；3.生成数据并返回给客户端；4.客户端接收数据后显示。
ajax如下：

<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
/*    myChart.showLoading();    //数据加载完之前先显示一段简单的loading动画 */      
   
  	$(document).ready(function() {	
  		  
         var m = new Map();  
	   	 $("#btnSubmit").click(function() {
	   		var names=[];  //部门数组（实际用来盛放X轴坐标值）	           
	   		var nums=[];  //天数数组（实际用来盛放Y坐标值）
		   	   $.ajax({
		   	        url: "${ctx}/sign/signAttendTest/find",
		   	        type: "POST",		   	      
		   	        datatype:"json",
		   	        data: { status:$("#status").val(),
		    			    beginDate:$("#beginDate").val(),
		       			    endDate:$("#endDate").val()},
		   	        success: function(date) {
		   	         	m = date.count ;			   	        	
		   	        	names = date.dept;			   	        	
		   	        	for (var i = 0; i < names.length; i++) {
		   	        		var dd = names[i];			   	        		
		   	        		 nums.push(m[dd]); 	
						} 			   	       
		   	         myChart.setOption({        //加载数据图表