echarts 直方图加正态_echarts展示箱型图&正态分布曲线

#main{height:500px;border:1px red solid;width:100%;

}#main1{height:500px;border:1px red solid;width:100%;

}#main2{height:500px;border:1px red solid;width:100%;

}#box1{border:1px #E8E8E8 solid;overflow:hidden;float:left;width:99%;

}#box2{border:1px #E8E8E8 solid;overflow:hidden;float:right;width:49%;

}#box4{border:1px #E8E8E8 solid;height:550px;

}.child{height:330px;width:49%;border:1px #778899 solid;float:left;

}.child1{height:330px;width:49%;border:1px #778899 solid;float:right;

}.top{width:99%;text-align:center;margin-top:20px;float:left;

}.mid{border:1px black solid;float:left;margin-top:10px;width:100%;

}

functionfun(x, u, a) {return(1 /Math.sqrt(2 *Math.PI)*a)*Math.exp(-1 *((x-u)*(x-u))/(2 *a*a));

}functionaddParam(arr, target) {//是否是等于

varflag= false;vartarget=parseFloat(target);//最小

if(target

arr.unshift(target.toString());returnarr;

}//最大

if(target>parseFloat(arr[arr.length- 1])) {

arr.push(target.toString());returnarr;

}//中间

for(vari= 0; itarget) {if(arr[i- 1]==target)

flag= true;break;

}

}if(flag) {returnarr;

}else{

arr.splice(i,0, target.toString());returnarr;

}

}functiongetTop(arr) {varmaxIndex= 0;for(vari= 0; i

maxIndex=parseFloat(arr[i])>parseFloat(arr[maxIndex])?i : maxIndex;

}returnparseFloat(arr[maxIndex]);

}functiongetParam(low, mean, up, top) {varres={};

res['low']=low;

res['mean']=mean;

res['up']=up;

res['top']=top;returnres;

}

$(function() {varmyChart1=echarts.init(document.getElementById('box1'));//debugger

vardatas=[{"data": {"boxplot": {"q1":"5043.00","q3":"9296.00","median":"7063.00","mean":"7248.59","lower":"-1336.50","upper":"15675.50"},"stdplot": {"xaxis":"-6486,-6103,-5720,-5337,-4954,-4571,-4188,-3805,-3422,-3039,-2656,-2273,-1890,-1507,-1124,-741,-358,25,408,791,1174,1557,1940,2323,2706,3090,3473,3856,4239,4622,5005,5388,5771,6154,6537,6920,7303,7686,8069,8452,8835,9218,9601,9984,10367,10750,11133,11516,11899,12282,12666,13049,13432,13815,14198,14581,14964,15347,15730,16113,16496,16879,17262,17645,18028,18411,18794,19177,19560,19943,20326,20709,21092,21475,21858,22242,22625,23008,23391,23774,24157,24540,24923,25306,25689,26072,26455,26838,27221,27604,27987,28370,28753,29136,29519,29902,30285,30668,31051,31434","mean":"7248.59","lower":"-2729.19","upper":"17226.37","yaxis":"1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,17,9,2,3,3,2,1,4,7,9,29,30,42,32,25,48,33,41,33,38,36,29,28,33,23,15,20,43,18,19,12,13,7,5,7,2,3,1,2,1,0,0,0,2,1,0,1,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1","stdev":"3325.93"}

},"idx":1}, {"data": {"boxplot": {"q1":"49032.00","q3":"65280.00","median":"55040.00","mean":"59582.43","lower":"24660.00","upper":"89652.00"},"stdplot": {"xaxis":"804,2410,4016,5622,7228,8835,10441,12047,13653,15259,16866,18472,20078,21684,23290,24897,26503,28109,29715,31321,32928,34534,36140,37746,39352,40959,42565,44171,45777,47383,48990,50596,52202,53808,55414,57021,58627,60233,61839,63445,65052,66658,68264,69870,71476,73083,74689,76295,77901,79507,81114,82720,84326,85932,87538,89145,90751,92357,93963,95569,97176,98782,100388,101994,103600,105207,106813,108419,110025,111631,113238,114844,116450,118056,119662,121269,122875,124481,126087,127693,129300,130906,132512,134118,135724,137331,138937,140543,142149,143755,145362,146968,148574,150180,151786,153393,154999,156605,158211,159817","mean":"59582.43","lower":"-20382.83","upper":"139547.69","yaxis":"3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,2,0,0,1,0,5,3,5,5,2,5,2,3,4,3,0,4,1,0,1,0,1,0,1,1,0,0,2,0,0,1,0,2,0,1,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,1","stdev":"26655.09"}

},"idx":6}, {"data": {"boxplot": {"q1":"14130.00","q3":"19868.00","median":"16686.00","mean":"17212.80","lower":"5523.00","upper":"28475.00"},"stdplot": {"xaxis":"351,1051,1751,2452,31