echart js 단순 패키지

2451 단어
echart 는 데이터 구조 [{name: "계획", data: [10, 20, 30]}, {name: "실현", data: [8, 21, 31]} (접선 도, 막대 그래프) 가 필요 합 니 다.
일반 데이터 구 조 는 [{name: "a 클 라 이언 트", 계획: 10, 실현: 11}, {name: "b 클 라 이언 트", 계획: 20, 실현: 8}...]
js 간단 한 패키지 만 들 기, [{name}, {name}] to {name: [","]}
//  id,  
function setOptionById(eid,option){
	var ec=echarts.getInstanceByDom($("#"+eid)[0]);
	ec.hideLoading();
	ec.setOption(option);
}
//  echarts [{name},{name}] to { name:["",""]},opt.x opt.y tname=title dname=data
function etData (etitle,edata,eopt){
	//    
	//var title= etTitle(title);
	
	/*console.info(etitle);
	console.info(edata);
	console.info(eopt);*/
	if(!jQuery.isPlainObject(eopt)){
		return;
	}
	//x   ,eopt.x =  name
	var xdata=etXdata(edata,eopt.x);
	console.info(xdata);
	//series    
	var sdata=etSdata(edata,eopt.s);
	console.info(sdata);
	//  
	var legdata=eopt.tb||{};
	
	var opt={
		title:{
			text:etitle,
			x:"center"
		},
		tooltip: {},
		legend:legdata,
		xAxis:{
			data:xdata
		},
		yAxis:{},
		series:sdata
	};
	return opt;
}
function etXdata(edata,xname){
	//console.info(edata);
	//console.info(index);
	var xdata=[];
	edata.forEach(function(e){
		//console.info(e);
		xdata.push(Object.getOwnPropertyDescriptor(e,xname).value);
	});
	return xdata;
	}
function etSdata(edata,sopt){
	var sdata=[];
	sopt.forEach(function(sd){
		var md={
			name:sd.tname,
			type:sd.type,
			data:etXdata(edata,sd.dname)
		}
		sdata.push(md);
	});
	return sdata;
}
//  	
                var eoption={x:"name",s:[{tname:"  ",dname:"mp",type:"bar"},{tname:"  ",dname:"ms_md",type:"bar"}],tb:{data:["  ","  "],x:"left"}};
                //data
                var data=[{name:"A  ",yp:"200",mp:"20",ms_mp:"20",ms_md:"28",ys_yd:"208"},{name:"B  ",yp:"450",mp:"48",ms_mp:"48",ms_md:"58",ys_yd:"480"}];
		var opt=etData("     (  )",data,eoption);
		//  
		setOptionById("staCharts",opt);

키 코드
function etXdata(edata,xname){
	var xdata=[];
	edata.forEach(function(e){
		//console.info(e);
		xdata.push(Object.getOwnPropertyDescriptor(e,xname).value);
	});
	return xdata;
	}

순환 집합, 키워드 에 따라 데 이 터 를 찾 아 집합 에 추가 합 니 다.현재 문제 의 다 열 디 스 플레이 는 여러 번 반복 합 니 다.

좋은 웹페이지 즐겨찾기