zoukankan      html  css  js  c++  java
  • 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();
    

      

  • 相关阅读:
    linux消息队列相关操作
    linux下删除3分钟之前指定文件夹下的指定类型文件
    centos6.5安装gmime-2.6
    centos6.5安装filezilla
    posix 正则库程序
    nginx正向vs反向代理
    AbstractQueuedSynchronizer 原理分析
    JAVA NIO详解
    java NIO原理及实例
    Thread类详解
  • 原文地址:https://www.cnblogs.com/agansj/p/10765968.html
Copyright © 2011-2022 走看看