当前位置 : 主页 > 编程语言 > c++ >

echars图表动态赋值

来源:互联网 收集:自由互联 发布时间:2021-07-03
饼图 var params = {}; params.typeNo = typeNo; //初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 显示标题,图例和空的坐标轴 myChart.setOption({ title:{ text: '设备分布报表', x:'cent
饼图
var params = {};
       params.typeNo = typeNo;
	   //初始化echarts实例
       var myChart = echarts.init(document.getElementById('main'));
       // 显示标题,图例和空的坐标轴
       myChart.setOption({
    		title:{
    			text: '设备分布报表',
    	        x:'center'
    		},
    		tooltip: {
    			trigger: 'item',
    			formatter: "{a} 
{b} : {c} ({d}%)" }, legend: { left:'center', bottom:10, data: [] }, series: [ { name: '设备分布报表', type: 'pie', center: ['50%', '50%'], radius: '50%', data:[], itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } } ] }); myChart.showLoading(); //数据加载完之前先显示一段简单的loading动画 var typeNames=[]; //类别数组 var nums=[]; //数量数组 var arr=[] var url=basePath+"ItsmAmStatDevice!getTypeList.action" $.ajax({ type : "post", url : url, async : true, data : params, dataType : "json", //返回数据形式为json success : function(data) { if(data){ for(var i=0;i 折线图
function initTable(){
	    var params= findQueryParams();
	    var years=[];
		var month=["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"];
		var season=["第一季度","第二季度","第三季度","第四季度"];
		var qstate=$("#FedexArea1").combobox('getValue');
		var comboboxText=$("#FedexArea1").combobox('getText');
		var myChart = echarts.init(document.getElementById("main"));
		myChart.setOption({
			tooltip: {
		        trigger: 'none',
		        axisPointer: {
		            type: 'cross'
		        }
		    },
		    legend: {
		        data:[]
		    },
		    grid: {
		        top: 70,
		        bottom: 50
		    },
		    xAxis: [
		        {
		            type: 'category',
		            axisTick: {
		                alignWithLabel: true
		            },
		            axisLine: {
		                onZero: false,
		            },
		            axisPointer: {
		                label: {
		                    formatter: function (params) {
		                        return '数量  ' + params.value
		                            + (params.seriesData.length ? ':' + params.seriesData[0].data : '');
		                    }
		                }
		            },
		            data: []
		        }
		    ],
		    yAxis: [
		        {
		            type: 'value'
		        }
		    ],
		    series: [
		        
		    ]
		});
		 myChart.showLoading();    //数据加载完之前先显示一段简单的loading动画
			
			
				var typeNames=[];    //类别数组
			    var nums=[];    //数量数组
			    var mon=[];		//月份
			    var date=[];		//存放剔除过后的日期
			    var temp=[];    //定义一个临时数组
			    var tempNum=[];
			    var url;//路径
			    if(qstate=='2'){
			    	url=basePath+"ItsmAmStatTemplate!getType.action";
			    }
			    if(qstate=='1'){
			    	url=basePath+"ItsmAmStatTemplate!getTypeByYear.action";
			    }
			    if(qstate=='3'){
			    	url=basePath+"ItsmAmStatTemplate!getTypeBySeason.action";
			    }
				
			$.ajax({
				type : "post",
			    url : url,
			    async : true, 
			    data : params,
			    dataType : "json", //返回数据形式为json
			    success : function(data) 
			    {
			    	
			    	
			    		for(var i=0;i
上一篇:HashMap应用
下一篇:ftp 常用工具类
网友评论