echart js 단순 패키지
일반 데이터 구 조 는 [{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;
}
순환 집합, 키워드 에 따라 데 이 터 를 찾 아 집합 에 추가 합 니 다.현재 문제 의 다 열 디 스 플레이 는 여러 번 반복 합 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.