echart表格,動態的通過ajax從后台獲取數據動態的展示數據


官網上都是介紹的echar表格的展示方法,但是都是靜態數據,一開始的時候我總是納悶,這些數據都是怎么上上去的 ,

后來通過一些方法,當然這些方法也不是我自己寫出來的,也是通過在網上收集了一下 ,現在才明白,具體是怎么樣

把這些數據放上去的。

 

function myData(text) {
 	var xA = [];
 	var yA = [];
 	for(var i = 0;i<text.data.length;i++) {
 		xA.push(text.data[i].MovieName);
 		yA.push(text.data[i].BoxOffice);
 	}
 	var myChart = echart.init(document.getElementById("res"));
 	var option = {
 		title: {
 			text:"實時票房"
 		},
 		tooltip: {},
 		legend: {
 			data:["金額/萬元"]
 		},
 		grid: {
 			y2:140
 		},
 		xAxis: {
 			data:xA,
 			axisLable: {
 				interval: 0,
 				rotate: -25
 			}
 		},
 		yAxis: {},
 		series: [{
 			name:"金額/萬元",
 			type:"bar",
 			data: yA
 		}]
 	};
 	myChart.setOption(option);
 }


  function myJson() {
  	$.ajax({
  		type:"get",
  		url:"http://api.shenjian.in/",
  		data: {
  			appid: "dd6481kkkk"
  		},
  		dataType: "jsonp",
  		success: function(data) {
  			myData(data)
  		}
  	})
  }

  //執行函數
  myJson();

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM