3
回答
我想实现echart的图表,我想知道我的写法ajax会被调用吗,写法有问题吗
<div id="main1"
			style="width: 100%; height: 500px; margin-left: 100px;"></div>
		<script type="text/javascript">
        // 基于准备好的dom,初始化echarts实例
        var myChart = echarts.init(document.getElementById('main1'));

        // 指定图表的配置项和数据
        var option = {
        	title:{
        		text:'2018年三位销售员业绩',
        		subtext:'数据为虚构'
        	},
        	tooltip:{},
        	legthd:{
        		data:["销售1","销售2","销售3"]
        	},
        	toolbox:
        	{
        		show:true,
        		feature:{
        			dataView:{show:true,readOnly:false},
        			magicType:{show:true,type:['line','bar']},
        			restore:{show:true},
        			saveAsImage:{show:true}
        			
        		}
        	},	
        	xAxis:{
        		type:"category",
        		data:[]
        	},
        	yAxis:[{
        		type:"value"
        	}
        	],
        	series:[
        	       {
        	    	   name:"销售1",
        	    	   type:"bar",
        	    	   data:[]
        	       },
        	       {
        	    	  name:"销售2" ,
        	    	   type:"bar",
        	    	   data:[]
        	       },
        	       {
        	    	   name:"销售3",
        	    	   type:"bar",
        	    	   data:[]
        	       }
        	]
        	
        		
        };
         myChart.showLoading();//loading动画
         $.ajax({
        	 type:"post",
        	 async:true,
        	 url:"${pageContext.request.contextPath}/echartsView.do",
        	 dataType:"json",
        	 success:function(result){
        		if(result){
        			var obj = eval('(' + result + ')');
        			myChart.hideLoading();
        			myChart.setOption({
        				xAxis:{
        			     data:obj.xAxisData
        				},
        				series:obj.seriesList	
        			});
        		}
        	 },
            error:function(errorMsg){
         	alert("请求数据失败!");
         	myChart.hideLoading();
         }
         });  
        myChart.setOption(option);
    </script>

 

<无标签>
举报
坚默不语hj
发帖于2个月前 3回/144阅
顶部