ajax中xAxis的赋值

通过ajax+echarts 实现数据的交互

<script type="text/javascript">
	myEchart=echarts.init(document.getElementById('main'));

    // 主要内容的部分
	myEchart2=echarts.init(document.getElementById('main2'));
	var option2={
		title:{
			
		},
		tooltip:{
			trigger:'item'	
		},
		legend: {
	        data:['横轴','纵轴']
	    },
	    toolbox: {
	        show : true,
	        feature : {
	            dataView : {show: true, readOnly: false},
	            magicType : {show: true, type: ['line', 'bar']},
	            restore : {show: true},
	            saveAsImage : {show: true}
	        }
	    },
	    calculable : true,
		xAxis:[
			{
				
				//通用	 坐标轴类型，横轴默认为类目型'category'，纵轴默认为数值型'value'  
				//type:'category',	  
				//data:['周一','周二','周三','周四','周五','周六','周日']
				//类目型	 类目列表，同时也是label内容，
				//type:'category',
				//boundaryGap: true,
				data:[]
		        //splitLine: {show:false},
		        /* data :  function (){
		        	
		        	var list = [];
		            for (var i = 1; i <= 11; i++) {
		                list.push('3月' + i + '日');
		            } 
		            return list;
		        }() */
			}
		],
		yAxis:[
			{
				type:'value',
				name:'金额',	
			}
		],
		series:[
			{	
				name:'报表',
				type:'bar',
				symbol:'roundRect',
				data:[],
				markPoint : {
	                data : [
	                    {type : 'max', name: '最大值'},
	                    {type : 'min', name: '最小值'}
	                ]
	            },
	            markLine : {
	                data : [
	                    {type : 'average', name: '平均值'}
	                ]
	            },
				itemStyle:{//设置折线拐点的样式
					normal:{
						color:'#8EE5EE'
					}	
				},
				lineStyle:{
					normal:{
						color:'#8EE5EE',
					    width:2
					}
			    }
			}
		]
	}
	myEchart2.setOption(option2);
	myEchart2.showLoading();
	var yData=[];//定义一个数组
	var names=[];
	$.ajax({
		type:'post',
		async:true,
		url:"${pageContext.request.contextPath}/DaysinfoServlet",
		data:[],
		dataType:'json',
		success:function(result){
			if(result){
				for(var i=0;i<result.length;i++){
					yData.push([i,result[i].sScore]);
				}
				
				for(var i=0;i<result.length;i++){     

                    names.push('3月' + i + '日');    //挨个取出类别并填入类别数组
                }
				myEchart2.hideLoading();
				myEchart2.setOption({
					xAxis: {
                        data: names
                    },
					series:[{
						name:'金额',
						data:yData
					}]
					
				});
			}else{
				alert("数据加载失败!");
			}
		}
	});
</script>

更多学习资讯，学习源码，请在耶宇星球领取