| .DS_Store | 补丁 | 查看 | 原始文档 | blame | 历史 | |
| read_com/.DS_Store | 补丁 | 查看 | 原始文档 | blame | 历史 | |
| read_com/index.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| read_com/js/function.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| read_com/js/function_7.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| read_com/js/region7.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
.DS_StoreBinary files differ
read_com/.DS_StoreBinary files differ
read_com/index.html
@@ -425,6 +425,7 @@ <p class="region3_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p> <p class="region2_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p> <p class="region1_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p> <p class="sum_region_2"><span class="colorCircle"></span>总值:<span class="ave"></p> </div> <div class="dataRight"> <p>右脚(总)</p> @@ -437,15 +438,16 @@ <p class="region3_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p> <p class="region2_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p> <p class="region1_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p> <p class="sum_region_2"><span class="colorCircle"></span>总值:<span class="ave"></p> </div> </div> <script src="./js/3d_data.js"></script> <script src="./js/echarts.min.js"></script> <script src="./js/echarts.gl.min.js"></script> <script src="./js/charts.js"></script> <script src="./js/region.js"></script> <!-- <script src="./js/3D.js"></script> --> <script src="./js/region.js"></script> --> <script src="./js/function.js"></script> <!-- <script src="./js/function2.js"></script> --> <!-- <script src="./js/region7.js"></script> <script src="./js/function_7.js"></script> --> </body> </html> read_com/js/function.js
@@ -384,10 +384,7 @@ scales: { yAxes: [{ ticks: { beginAtZero: true, steps: 100, stepValue: 10, max: 1500 beginAtZero: true } }] }, @@ -490,10 +487,7 @@ scales: { yAxes: [{ ticks: { beginAtZero: true, steps: 100, stepValue: 10, max: 1500 beginAtZero: true } }] }, @@ -592,43 +586,43 @@ sum_9_region[6].push(sum_region7) sum_9_region[7].push(sum_region8) sum_9_region[8].push(sum_region9) $('.dataRight .region1 .ave').text((sum_region1/region_length[0]).toFixed(5)); $('.dataRight .region1 .ave').text((transfor(sum_region1)/region_length[0]).toFixed(5)); $('.dataRight .region1 .pr').text(toPercent((sum_region1/sum_99).toFixed(5))); $('.dataRight .region2 .ave').text((sum_region2/region_length[1]).toFixed(5)); $('.dataRight .region2 .ave').text((transfor(sum_region2)/region_length[1]).toFixed(5)); $('.dataRight .region2 .pr').text(toPercent((sum_region2/sum_99).toFixed(5))); $('.dataRight .region3 .ave').text((sum_region3/region_length[2]).toFixed(5)); $('.dataRight .region3 .ave').text((transfor(sum_region3)/region_length[2]).toFixed(5)); $('.dataRight .region3 .pr').text(toPercent((sum_region3/sum_99).toFixed(5))); $('.dataRight .region4 .ave').text((sum_region4/region_length[3]).toFixed(5)); $('.dataRight .region4 .ave').text((transfor(sum_region4)/region_length[3]).toFixed(5)); $('.dataRight .region4 .pr').text(toPercent((sum_region4/sum_99).toFixed(5))); $('.dataRight .region5 .ave').text((sum_region5/region_length[4]).toFixed(5)); $('.dataRight .region5 .ave').text((transfor(sum_region5)/region_length[4]).toFixed(5)); $('.dataRight .region5 .pr').text(toPercent((sum_region5/sum_99).toFixed(5))); $('.dataRight .region6 .ave').text((sum_region6/region_length[5]).toFixed(5)); $('.dataRight .region6 .ave').text((transfor(sum_region6)/region_length[5]).toFixed(5)); $('.dataRight .region6 .pr').text(toPercent((sum_region6/sum_99).toFixed(5))); $('.dataRight .region7 .ave').text((sum_region7/region_length[6]).toFixed(5)); $('.dataRight .region7 .ave').text((transfor(sum_region7)/region_length[6]).toFixed(5)); $('.dataRight .region7 .pr').text(toPercent((sum_region7/sum_99).toFixed(5))); $('.dataRight .region8 .ave').text((sum_region8/region_length[7]).toFixed(5)); $('.dataRight .region8 .ave').text((transfor(sum_region8)/region_length[7]).toFixed(5)); $('.dataRight .region8 .pr').text(toPercent((sum_region8/sum_99).toFixed(5))); $('.dataRight .region9 .ave').text((sum_region9/region_length[8]).toFixed(5)); $('.dataRight .region9 .ave').text((transfor(sum_region9)/region_length[8]).toFixed(5)); $('.dataRight .region9 .pr').text(toPercent((sum_region9/sum_99).toFixed(5))); $('.fbox2 .region_1').css({opacity: opcity_end(sum_region1/region_length[0])}) $('.fbox2 .region_2').css({opacity: opcity_end(sum_region2/region_length[1])}) $('.fbox2 .region_3').css({opacity: opcity_end(sum_region3/region_length[2])}) $('.fbox2 .region_4').css({opacity: opcity_end(sum_region4/region_length[3])}) $('.fbox2 .region_5').css({opacity: opcity_end(sum_region5/region_length[4])}) $('.fbox2 .region_6').css({opacity: opcity_end(sum_region6/region_length[5])}) $('.fbox2 .region_7').css({opacity: opcity_end(sum_region7/region_length[6])}) $('.fbox2 .region_8').css({opacity: opcity_end(sum_region8/region_length[7])}) $('.fbox2 .region_9').css({opacity: opcity_end(sum_region9/region_length[8])}) $('.fbox2 .region_1').css({opacity: opcity_end(transfor(sum_region1)/region_length[0])}) $('.fbox2 .region_2').css({opacity: opcity_end(transfor(sum_region2)/region_length[1])}) $('.fbox2 .region_3').css({opacity: opcity_end(transfor(sum_region3)/region_length[2])}) $('.fbox2 .region_4').css({opacity: opcity_end(transfor(sum_region4)/region_length[3])}) $('.fbox2 .region_5').css({opacity: opcity_end(transfor(sum_region5)/region_length[4])}) $('.fbox2 .region_6').css({opacity: opcity_end(transfor(sum_region6)/region_length[5])}) $('.fbox2 .region_7').css({opacity: opcity_end(transfor(sum_region7)/region_length[6])}) $('.fbox2 .region_8').css({opacity: opcity_end(transfor(sum_region8)/region_length[7])}) $('.fbox2 .region_9').css({opacity: opcity_end(transfor(sum_region9)/region_length[8])}) addData(lineChart, 0, 'time3',(sum_region1/region_length[0]).toFixed(5)) addData(lineChart, 1, 'time3',(sum_region2/region_length[1]).toFixed(5)) addData(lineChart, 2, 'time3',(sum_region3/region_length[2]).toFixed(5)) addData(lineChart, 3, 'time3',(sum_region4/region_length[3]).toFixed(5)) addData(lineChart, 4, 'time3',(sum_region5/region_length[4]).toFixed(5)) addData(lineChart, 5, 'time3',(sum_region6/region_length[5]).toFixed(5)) addData(lineChart, 6, 'time3',(sum_region7/region_length[6]).toFixed(5)) addData(lineChart, 7, 'time3',(sum_region8/region_length[7]).toFixed(5)) addData(lineChart, 8, 'time3',(sum_region9/region_length[8]).toFixed(5)) addData(lineChart, 0, 'time3',(transfor(sum_region1)/region_length[0]).toFixed(5)) addData(lineChart, 1, 'time3',(transfor(sum_region2)/region_length[1]).toFixed(5)) addData(lineChart, 2, 'time3',(transfor(sum_region3)/region_length[2]).toFixed(5)) addData(lineChart, 3, 'time3',(transfor(sum_region4)/region_length[3]).toFixed(5)) addData(lineChart, 4, 'time3',(transfor(sum_region5)/region_length[4]).toFixed(5)) addData(lineChart, 5, 'time3',(transfor(sum_region6)/region_length[5]).toFixed(5)) addData(lineChart, 6, 'time3',(transfor(sum_region7)/region_length[6]).toFixed(5)) addData(lineChart, 7, 'time3',(transfor(sum_region8)/region_length[7]).toFixed(5)) addData(lineChart, 8, 'time3',(transfor(sum_region9)/region_length[8]).toFixed(5)) } } @@ -691,42 +685,42 @@ sum_9_region2[6].push(sum_region7_2) sum_9_region2[7].push(sum_region8_2) sum_9_region2[8].push(sum_region9_2) $('.dataLeft .region1 .ave').text((sum_region1_2/region_length2[0]).toFixed(5)); $('.dataLeft .region1 .ave').text((transfor(sum_region1_2)/region_length2[0]).toFixed(5)); $('.dataLeft .region1 .pr').text(toPercent((sum_region1_2/sum_99_2).toFixed(5))); $('.dataLeft .region2 .ave').text((sum_region2_2/region_length2[1]).toFixed(5)); $('.dataLeft .region2 .ave').text((transfor(sum_region2_2)/region_length2[1]).toFixed(5)); $('.dataLeft .region2 .pr').text(toPercent((sum_region2_2/sum_99_2).toFixed(5))); $('.dataLeft .region3 .ave').text((sum_region3_2/region_length2[2]).toFixed(5)); $('.dataLeft .region3 .ave').text((transfor(sum_region3_2)/region_length2[2]).toFixed(5)); $('.dataLeft .region3 .pr').text(toPercent((sum_region3/sum_99_2).toFixed(5))); $('.dataLeft .region4 .ave').text((sum_region4_2/region_length2[3]).toFixed(5)); $('.dataLeft .region4 .ave').text((transfor(sum_region4_2)/region_length2[3]).toFixed(5)); $('.dataLeft .region4 .pr').text(toPercent((sum_region4_2/sum_99_2).toFixed(5))); $('.dataLeft .region5 .ave').text((sum_region5_2/region_length2[4]).toFixed(5)); $('.dataLeft .region5 .ave').text((transfor(sum_region5_2)/region_length2[4]).toFixed(5)); $('.dataLeft .region5 .pr').text(toPercent((sum_region5_2/sum_99_2).toFixed(5))); $('.dataLeft .region6 .ave').text((sum_region6_2/region_length2[5]).toFixed(5)); $('.dataLeft .region6 .ave').text((transfor(sum_region6_2)/region_length2[5]).toFixed(5)); $('.dataLeft .region6 .pr').text(toPercent((sum_region6_2/sum_99_2).toFixed(5))); $('.dataLeft .region7 .ave').text((sum_region7_2/region_length2[6]).toFixed(5)); $('.dataLeft .region7 .ave').text((transfor(sum_region7_2)/region_length2[6]).toFixed(5)); $('.dataLeft .region7 .pr').text(toPercent((sum_region7_2/sum_99_2).toFixed(5))); $('.dataLeft .region8 .ave').text((sum_region8_2/region_length2[7]).toFixed(5)); $('.dataLeft .region8 .ave').text((transfor(sum_region8_2)/region_length2[7]).toFixed(5)); $('.dataLeft .region8 .pr').text(toPercent((sum_region8_2/sum_99_2).toFixed(5))); $('.dataLeft .region9 .ave').text((sum_region9_2/region_length2[8]).toFixed(5)); $('.dataLeft .region9 .ave').text((transfor(sum_region9_2)/region_length2[8]).toFixed(5)); $('.dataLeft .region9 .pr').text(toPercent((sum_region9_2/sum_99_2).toFixed(5))); $('.fbox .region_1').css({opacity: opcity_end(sum_region1_2/region_length2[0])}) $('.fbox .region_2').css({opacity: opcity_end(sum_region2_2/region_length2[1])}) $('.fbox .region_3').css({opacity: opcity_end(sum_region3_2/region_length2[2])}) $('.fbox .region_4').css({opacity: opcity_end(sum_region4_2/region_length2[3])}) $('.fbox .region_5').css({opacity: opcity_end(sum_region5_2/region_length2[4])}) $('.fbox .region_6').css({opacity: opcity_end(sum_region6_2/region_length2[5])}) $('.fbox .region_7').css({opacity: opcity_end(sum_region7_2/region_length2[6])}) $('.fbox .region_8').css({opacity: opcity_end(sum_region8_2/region_length2[7])}) $('.fbox .region_9').css({opacity: opcity_end(sum_region9_2/region_length2[8])}) addData(lineChart2, 0, 'time3',(sum_region1_2/region_length2[0]).toFixed(5)) addData(lineChart2, 1, 'time3',(sum_region2_2/region_length2[1]).toFixed(5)) addData(lineChart2, 2, 'time3',(sum_region3_2/region_length2[2]).toFixed(5)) addData(lineChart2, 3, 'time3',(sum_region4_2/region_length2[3]).toFixed(5)) addData(lineChart2, 4, 'time3',(sum_region5_2/region_length2[4]).toFixed(5)) addData(lineChart2, 5, 'time3',(sum_region6_2/region_length2[5]).toFixed(5)) addData(lineChart2, 6, 'time3',(sum_region7_2/region_length2[6]).toFixed(5)) addData(lineChart2, 7, 'time3',(sum_region8_2/region_length2[7]).toFixed(5)) addData(lineChart2, 8, 'time3',(sum_region9_2/region_length2[8]).toFixed(5)) $('.fbox .region_1').css({opacity: opcity_end(transfor(sum_region1_2)/region_length2[0])}) $('.fbox .region_2').css({opacity: opcity_end(transfor(sum_region2_2)/region_length2[1])}) $('.fbox .region_3').css({opacity: opcity_end(transfor(sum_region3_2)/region_length2[2])}) $('.fbox .region_4').css({opacity: opcity_end(transfor(sum_region4_2)/region_length2[3])}) $('.fbox .region_5').css({opacity: opcity_end(transfor(sum_region5_2)/region_length2[4])}) $('.fbox .region_6').css({opacity: opcity_end(transfor(sum_region6_2)/region_length2[5])}) $('.fbox .region_7').css({opacity: opcity_end(transfor(sum_region7_2)/region_length2[6])}) $('.fbox .region_8').css({opacity: opcity_end(transfor(sum_region8_2)/region_length2[7])}) $('.fbox .region_9').css({opacity: opcity_end(transfor(sum_region9_2)/region_length2[8])}) addData(lineChart2, 0, 'time3',(transfor(sum_region1_2)/region_length2[0]).toFixed(5)) addData(lineChart2, 1, 'time3',(transfor(sum_region2_2)/region_length2[1]).toFixed(5)) addData(lineChart2, 2, 'time3',(transfor(sum_region3_2)/region_length2[2]).toFixed(5)) addData(lineChart2, 3, 'time3',(transfor(sum_region4_2)/region_length2[3]).toFixed(5)) addData(lineChart2, 4, 'time3',(transfor(sum_region5_2)/region_length2[4]).toFixed(5)) addData(lineChart2, 5, 'time3',(transfor(sum_region6_2)/region_length2[5]).toFixed(5)) addData(lineChart2, 6, 'time3',(transfor(sum_region7_2)/region_length2[6]).toFixed(5)) addData(lineChart2, 7, 'time3',(transfor(sum_region8_2)/region_length2[7]).toFixed(5)) addData(lineChart2, 8, 'time3',(transfor(sum_region9_2)/region_length2[8]).toFixed(5)) } } @@ -746,24 +740,104 @@ alert("暂无数据") $('.start').attr('disabled',false) }else{ $('.dataRight .region1_2 .ave').text((eval(sum_9_region[0].join('+'))/sum_9_region[0].length).toFixed(5)); if(arr_arr.length!=0&&arr_arr2.length!=0){ let region1_end = transfor((eval(sum_9_region[0].join('+'))/sum_9_region[0].length)) let region2_end = transfor((eval(sum_9_region[1].join('+'))/sum_9_region[1].length)) let region3_end = transfor((eval(sum_9_region[2].join('+'))/sum_9_region[2].length)) let region4_end = transfor((eval(sum_9_region[3].join('+'))/sum_9_region[3].length)) let region5_end = transfor((eval(sum_9_region[4].join('+'))/sum_9_region[4].length)) let region6_end = transfor((eval(sum_9_region[5].join('+'))/sum_9_region[5].length)) let region7_end = transfor((eval(sum_9_region[6].join('+'))/sum_9_region[6].length)) let sum_region = region1_end+region2_end+region3_end+region4_end+region5_end+region6_end+region7_end $('.dataRight .region1_2 .ave').text(region1_end.toFixed(5)); $('.dataRight .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region2_2 .ave').text((eval(sum_9_region[1].join('+'))/sum_9_region[1].length).toFixed(5)); $('.dataRight .region2_2 .ave').text(region2_end.toFixed(5)); $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region3_2 .ave').text((eval(sum_9_region[2].join('+'))/sum_9_region[2].length).toFixed(5)); $('.dataRight .region3_2 .ave').text(region3_end.toFixed(5)); $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region4_2 .ave').text((eval(sum_9_region[3].join('+'))/sum_9_region[3].length).toFixed(5)); $('.dataRight .region4_2 .ave').text(region4_end.toFixed(5)); $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region5_2 .ave').text((eval(sum_9_region[4].join('+'))/sum_9_region[4].length).toFixed(5)); $('.dataRight .region5_2 .ave').text(region5_end.toFixed(5)); $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region6_2 .ave').text((eval(sum_9_region[5].join('+'))/sum_9_region[5].length).toFixed(5)); $('.dataRight .region6_2 .ave').text(region6_end.toFixed(5)); $('.dataRight .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region7_2 .ave').text((eval(sum_9_region[6].join('+'))/sum_9_region[6].length).toFixed(5)); $('.dataRight .region7_2 .ave').text(region7_end.toFixed(5)); $('.dataRight .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region8_2 .ave').text((eval(sum_9_region[7].join('+'))/sum_9_region[7].length).toFixed(5)); $('.dataRight .region8_2 .pr').text(toPercent((eval(sum_9_region[7].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region9_2 .ave').text((eval(sum_9_region[8].join('+'))/sum_9_region[8].length).toFixed(5)); $('.dataRight .region9_2 .pr').text(toPercent((eval(sum_9_region[8].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .sum_region_2 .ave').text(sum_region.toFixed(5)); let region1_end2 = transfor((eval(sum_9_region2[0].join('+'))/sum_9_region2[0].length)) let region2_end2 = transfor((eval(sum_9_region2[1].join('+'))/sum_9_region2[1].length)) let region3_end2 = transfor((eval(sum_9_region2[2].join('+'))/sum_9_region2[2].length)) let region4_end2 = transfor((eval(sum_9_region2[3].join('+'))/sum_9_region2[3].length)) let region5_end2 = transfor((eval(sum_9_region2[4].join('+'))/sum_9_region2[4].length)) let region6_end2 = transfor((eval(sum_9_region2[5].join('+'))/sum_9_region2[5].length)) let region7_end2 = transfor((eval(sum_9_region2[6].join('+'))/sum_9_region2[6].length)) let sum_region2 = region1_end2+region2_end2+region3_end2+region4_end2+region5_end2+region6_end2+region7_end2 $('.dataLeft .region1_2 .ave').text(region1_end2.toFixed(5)); $('.dataLeft .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region2_2 .ave').text(region2_end2.toFixed(5)); $('.dataLeft .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region3_2 .ave').text(region3_end2.toFixed(5)); $('.dataLeft .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region4_2 .ave').text(region4_end2.toFixed(5)); $('.dataLeft .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region5_2 .ave').text(region5_end2.toFixed(5)); $('.dataLeft .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region6_2 .ave').text(region6_end2.toFixed(5)); $('.dataLeft .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region7_2 .ave').text(region7_end2.toFixed(5)); $('.dataLeft .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .sum_region_2 .ave').text(sum_region2.toFixed(5)); }else if(arr_arr.length == 0){ let region1_end2 = transfor((eval(sum_9_region2[0].join('+'))/sum_9_region2[0].length)) let region2_end2 = transfor((eval(sum_9_region2[1].join('+'))/sum_9_region2[1].length)) let region3_end2 = transfor((eval(sum_9_region2[2].join('+'))/sum_9_region2[2].length)) let region4_end2 = transfor((eval(sum_9_region2[3].join('+'))/sum_9_region2[3].length)) let region5_end2 = transfor((eval(sum_9_region2[4].join('+'))/sum_9_region2[4].length)) let region6_end2 = transfor((eval(sum_9_region2[5].join('+'))/sum_9_region2[5].length)) let region7_end2 = transfor((eval(sum_9_region2[6].join('+'))/sum_9_region2[6].length)) let sum_region2 = region1_end2+region2_end2+region3_end2+region4_end2+region5_end2+region6_end2+region7_end2 $('.dataLeft .region1_2 .ave').text(region1_end2.toFixed(5)); $('.dataLeft .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region2_2 .ave').text(region2_end2.toFixed(5)); $('.dataLeft .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region3_2 .ave').text(region3_end2.toFixed(5)); $('.dataLeft .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region4_2 .ave').text(region4_end2.toFixed(5)); $('.dataLeft .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region5_2 .ave').text(region5_end2.toFixed(5)); $('.dataLeft .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region6_2 .ave').text(region6_end2.toFixed(5)); $('.dataLeft .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region7_2 .ave').text(region7_end2.toFixed(5)); $('.dataLeft .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .sum_region_2 .ave').text(sum_region2.toFixed(5)); }else if(arr_arr2.length == 0){ let region1_end = transfor((eval(sum_9_region[0].join('+'))/sum_9_region[0].length)) let region2_end = transfor((eval(sum_9_region[1].join('+'))/sum_9_region[1].length)) let region3_end = transfor((eval(sum_9_region[2].join('+'))/sum_9_region[2].length)) let region4_end = transfor((eval(sum_9_region[3].join('+'))/sum_9_region[3].length)) let region5_end = transfor((eval(sum_9_region[4].join('+'))/sum_9_region[4].length)) let region6_end = transfor((eval(sum_9_region[5].join('+'))/sum_9_region[5].length)) let region7_end = transfor((eval(sum_9_region[6].join('+'))/sum_9_region[6].length)) let sum_region = region1_end+region2_end+region3_end+region4_end+region5_end+region6_end+region7_end $('.dataRight .region1_2 .ave').text(region1_end.toFixed(5)); $('.dataRight .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region2_2 .ave').text(region2_end.toFixed(5)); $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region3_2 .ave').text(region3_end.toFixed(5)); $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region4_2 .ave').text(region4_end.toFixed(5)); $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region5_2 .ave').text(region5_end.toFixed(5)); $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region6_2 .ave').text(region6_end.toFixed(5)); $('.dataRight .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region7_2 .ave').text(region7_end.toFixed(5)); $('.dataRight .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .sum_region_2 .ave').text(sum_region.toFixed(5)); } for(let i=0;i<sum_9_region.length;i++){ let data_end_region = eval(sum_9_region[i].join('+')) persens_arr.push(data_end_region) @@ -848,12 +922,12 @@ } heatmapInstance.setData(data_map); heatmapInstance_top.setData(data_map_top); heatmapInstance_middle.setData(data_map_middle); heatmapInstance_buttom.setData(data_map_buttom); heatmapInstance_middle.setData(data_map_middle); heatmapInstance_buttom.setData(data_map_buttom); heatmapInstance2.setData(data_map2); heatmapInstance2_top.setData(data_map2_top); heatmapInstance2_middle.setData(data_map2_middle); heatmapInstance2_buttom.setData(data_map2_buttom); heatmapInstance2_middle.setData(data_map2_middle); heatmapInstance2_buttom.setData(data_map2_buttom); for(let i=0;i<arr_arr[step]?.data.length;i++){ for(let x=0;x<arr_arr[step].data[i].length;x++){ let id_end = trueID(i) @@ -890,42 +964,42 @@ sum_9_region[6].push(sum_region7) sum_9_region[7].push(sum_region8) sum_9_region[8].push(sum_region9) $('.dataRight .region1 .ave').text((sum_region1/region_length[0]).toFixed(5)); $('.dataRight .region1 .ave').text((transfor(sum_region1)/region_length[0]).toFixed(5)); $('.dataRight .region1 .pr').text(toPercent((sum_region1/sum_99).toFixed(5))); $('.dataRight .region2 .ave').text((sum_region2/region_length[1]).toFixed(5)); $('.dataRight .region2 .ave').text((transfor(sum_region2)/region_length[1]).toFixed(5)); $('.dataRight .region2 .pr').text(toPercent((sum_region2/sum_99).toFixed(5))); $('.dataRight .region3 .ave').text((sum_region3/region_length[2]).toFixed(5)); $('.dataRight .region3 .ave').text((transfor(sum_region3)/region_length[2]).toFixed(5)); $('.dataRight .region3 .pr').text(toPercent((sum_region3/sum_99).toFixed(5))); $('.dataRight .region4 .ave').text((sum_region4/region_length[3]).toFixed(5)); $('.dataRight .region4 .ave').text((transfor(sum_region4)/region_length[3]).toFixed(5)); $('.dataRight .region4 .pr').text(toPercent((sum_region4/sum_99).toFixed(5))); $('.dataRight .region5 .ave').text((sum_region5/region_length[4]).toFixed(5)); $('.dataRight .region5 .ave').text((transfor(sum_region5)/region_length[4]).toFixed(5)); $('.dataRight .region5 .pr').text(toPercent((sum_region5/sum_99).toFixed(5))); $('.dataRight .region6 .ave').text((sum_region6/region_length[5]).toFixed(5)); $('.dataRight .region6 .ave').text((transfor(sum_region6)/region_length[5]).toFixed(5)); $('.dataRight .region6 .pr').text(toPercent((sum_region6/sum_99).toFixed(5))); $('.dataRight .region7 .ave').text((sum_region7/region_length[6]).toFixed(5)); $('.dataRight .region7 .ave').text((transfor(sum_region7)/region_length[6]).toFixed(5)); $('.dataRight .region7 .pr').text(toPercent((sum_region7/sum_99).toFixed(5))); $('.dataRight .region8 .ave').text((sum_region8/region_length[7]).toFixed(5)); $('.dataRight .region8 .ave').text((transfor(sum_region8)/region_length[7]).toFixed(5)); $('.dataRight .region8 .pr').text(toPercent((sum_region8/sum_99).toFixed(5))); $('.dataRight .region9 .ave').text((sum_region9/region_length[8]).toFixed(5)); $('.dataRight .region9 .ave').text((transfor(sum_region9)/region_length[8]).toFixed(5)); $('.dataRight .region9 .pr').text(toPercent((sum_region9/sum_99).toFixed(5))); $('.fbox2 .region_1').css({opacity: opcity_end(sum_region1/region_length[0])}) $('.fbox2 .region_2').css({opacity: opcity_end(sum_region2/region_length[1])}) $('.fbox2 .region_3').css({opacity: opcity_end(sum_region3/region_length[2])}) $('.fbox2 .region_4').css({opacity: opcity_end(sum_region4/region_length[3])}) $('.fbox2 .region_5').css({opacity: opcity_end(sum_region5/region_length[4])}) $('.fbox2 .region_6').css({opacity: opcity_end(sum_region6/region_length[5])}) $('.fbox2 .region_7').css({opacity: opcity_end(sum_region7/region_length[6])}) $('.fbox2 .region_8').css({opacity: opcity_end(sum_region8/region_length[7])}) $('.fbox2 .region_9').css({opacity: opcity_end(sum_region9/region_length[8])}) addData(lineChart, 0, 'time',(sum_region1/region_length[0]).toFixed(5)) addData(lineChart, 1, 'time',(sum_region2/region_length[1]).toFixed(5)) addData(lineChart, 2, 'time',(sum_region3/region_length[2]).toFixed(5)) addData(lineChart, 3, 'time',(sum_region4/region_length[3]).toFixed(5)) addData(lineChart, 4, 'time',(sum_region5/region_length[4]).toFixed(5)) addData(lineChart, 5, 'time',(sum_region6/region_length[5]).toFixed(5)) addData(lineChart, 6, 'time',(sum_region7/region_length[6]).toFixed(5)) addData(lineChart, 7, 'time',(sum_region8/region_length[7]).toFixed(5)) addData(lineChart, 8, 'time',(sum_region9/region_length[8]).toFixed(5)) $('.fbox2 .region_1').css({opacity: opcity_end(transfor(sum_region1)/region_length[0])}) $('.fbox2 .region_2').css({opacity: opcity_end(transfor(sum_region2)/region_length[1])}) $('.fbox2 .region_3').css({opacity: opcity_end(transfor(sum_region3)/region_length[2])}) $('.fbox2 .region_4').css({opacity: opcity_end(transfor(sum_region4)/region_length[3])}) $('.fbox2 .region_5').css({opacity: opcity_end(transfor(sum_region5)/region_length[4])}) $('.fbox2 .region_6').css({opacity: opcity_end(transfor(sum_region6)/region_length[5])}) $('.fbox2 .region_7').css({opacity: opcity_end(transfor(sum_region7)/region_length[6])}) $('.fbox2 .region_8').css({opacity: opcity_end(transfor(sum_region8)/region_length[7])}) $('.fbox2 .region_9').css({opacity: opcity_end(transfor(sum_region9)/region_length[8])}) addData(lineChart, 0, 'time',(transfor(sum_region1)/region_length[0]).toFixed(5)) addData(lineChart, 1, 'time',(transfor(sum_region2)/region_length[1]).toFixed(5)) addData(lineChart, 2, 'time',(transfor(sum_region3)/region_length[2]).toFixed(5)) addData(lineChart, 3, 'time',(transfor(sum_region4)/region_length[3]).toFixed(5)) addData(lineChart, 4, 'time',(transfor(sum_region5)/region_length[4]).toFixed(5)) addData(lineChart, 5, 'time',(transfor(sum_region6)/region_length[5]).toFixed(5)) addData(lineChart, 6, 'time',(transfor(sum_region7)/region_length[6]).toFixed(5)) addData(lineChart, 7, 'time',(transfor(sum_region8)/region_length[7]).toFixed(5)) addData(lineChart, 8, 'time',(transfor(sum_region9)/region_length[8]).toFixed(5)) } } @@ -957,42 +1031,42 @@ } if(i==arr_arr2[step2]?.data.length-1&&x==arr_arr2[step2]?.data[i].length-1){ sum_99_2 = sum_region1_2+sum_region2_2+sum_region3_2+sum_region4_2+sum_region5_2+sum_region6_2+sum_region7_2+sum_region8_2+sum_region9_2 $('.dataLeft .region1 .ave').text((sum_region1_2/region_length2[0]).toFixed(5)); $('.dataLeft .region1 .ave').text((transfor(sum_region1_2)/region_length2[0]).toFixed(5)); $('.dataLeft .region1 .pr').text(toPercent((sum_region1_2/sum_99_2).toFixed(5))); $('.dataLeft .region2 .ave').text((sum_region2_2/region_length2[1]).toFixed(5)); $('.dataLeft .region2 .ave').text((transfor(sum_region2_2)/region_length2[1]).toFixed(5)); $('.dataLeft .region2 .pr').text(toPercent((sum_region2_2/sum_99_2).toFixed(5))); $('.dataLeft .region3 .ave').text((sum_region3_2/region_length2[2]).toFixed(5)); $('.dataLeft .region3 .ave').text((transfor(sum_region3_2)/region_length2[2]).toFixed(5)); $('.dataLeft .region3 .pr').text(toPercent((sum_region3/sum_99_2).toFixed(5))); $('.dataLeft .region4 .ave').text((sum_region4_2/region_length2[3]).toFixed(5)); $('.dataLeft .region4 .ave').text((transfor(sum_region4_2)/region_length2[3]).toFixed(5)); $('.dataLeft .region4 .pr').text(toPercent((sum_region4_2/sum_99_2).toFixed(5))); $('.dataLeft .region5 .ave').text((sum_region5_2/region_length2[4]).toFixed(5)); $('.dataLeft .region5 .ave').text((transfor(sum_region5_2)/region_length2[4]).toFixed(5)); $('.dataLeft .region5 .pr').text(toPercent((sum_region5_2/sum_99_2).toFixed(5))); $('.dataLeft .region6 .ave').text((sum_region6_2/region_length2[5]).toFixed(5)); $('.dataLeft .region6 .ave').text((transfor(sum_region6_2)/region_length2[5]).toFixed(5)); $('.dataLeft .region6 .pr').text(toPercent((sum_region6_2/sum_99_2).toFixed(5))); $('.dataLeft .region7 .ave').text((sum_region7_2/region_length2[6]).toFixed(5)); $('.dataLeft .region7 .ave').text((transfor(sum_region7_2)/region_length2[6]).toFixed(5)); $('.dataLeft .region7 .pr').text(toPercent((sum_region7_2/sum_99_2).toFixed(5))); $('.dataLeft .region8 .ave').text((sum_region8_2/region_length2[7]).toFixed(5)); $('.dataLeft .region8 .ave').text((transfor(sum_region8_2)/region_length2[7]).toFixed(5)); $('.dataLeft .region8 .pr').text(toPercent((sum_region8_2/sum_99_2).toFixed(5))); $('.dataLeft .region9 .ave').text((sum_region9_2/region_length2[8]).toFixed(5)); $('.dataLeft .region9 .ave').text((transfor(sum_region9_2)/region_length2[8]).toFixed(5)); $('.dataLeft .region9 .pr').text(toPercent((sum_region9_2/sum_99_2).toFixed(5))); $('.fbox .region_1').css({opacity: opcity_end(sum_region1_2/region_length2[0])}) $('.fbox .region_2').css({opacity: opcity_end(sum_region2_2/region_length2[1])}) $('.fbox .region_3').css({opacity: opcity_end(sum_region3_2/region_length2[2])}) $('.fbox .region_4').css({opacity: opcity_end(sum_region4_2/region_length2[3])}) $('.fbox .region_5').css({opacity: opcity_end(sum_region5_2/region_length2[4])}) $('.fbox .region_6').css({opacity: opcity_end(sum_region6_2/region_length2[5])}) $('.fbox .region_7').css({opacity: opcity_end(sum_region7_2/region_length2[6])}) $('.fbox .region_8').css({opacity: opcity_end(sum_region8_2/region_length2[7])}) $('.fbox .region_9').css({opacity: opcity_end(sum_region9_2/region_length2[8])}) addData(lineChart2, 0, 'time2',(sum_region1_2/region_length2[0]).toFixed(5)) addData(lineChart2, 1, 'time2',(sum_region2_2/region_length2[1]).toFixed(5)) addData(lineChart2, 2, 'time2',(sum_region3_2/region_length2[2]).toFixed(5)) addData(lineChart2, 3, 'time2',(sum_region4_2/region_length2[3]).toFixed(5)) addData(lineChart2, 4, 'time2',(sum_region5_2/region_length2[4]).toFixed(5)) addData(lineChart2, 5, 'time2',(sum_region6_2/region_length2[5]).toFixed(5)) addData(lineChart2, 6, 'time2',(sum_region7_2/region_length2[6]).toFixed(5)) addData(lineChart2, 7, 'time2',(sum_region8_2/region_length2[7]).toFixed(5)) addData(lineChart2, 8, 'time2',(sum_region9_2/region_length2[8]).toFixed(5)) $('.fbox .region_1').css({opacity: opcity_end(transfor(sum_region1_2)/region_length2[0])}) $('.fbox .region_2').css({opacity: opcity_end(transfor(sum_region2_2)/region_length2[1])}) $('.fbox .region_3').css({opacity: opcity_end(transfor(sum_region3_2)/region_length2[2])}) $('.fbox .region_4').css({opacity: opcity_end(transfor(sum_region4_2)/region_length2[3])}) $('.fbox .region_5').css({opacity: opcity_end(transfor(sum_region5_2)/region_length2[4])}) $('.fbox .region_6').css({opacity: opcity_end(transfor(sum_region6_2)/region_length2[5])}) $('.fbox .region_7').css({opacity: opcity_end(transfor(sum_region7_2)/region_length2[6])}) $('.fbox .region_8').css({opacity: opcity_end(transfor(sum_region8_2)/region_length2[7])}) $('.fbox .region_9').css({opacity: opcity_end(transfor(sum_region9_2)/region_length2[8])}) addData(lineChart2, 0, 'time2',(transfor(sum_region1_2)/region_length2[0]).toFixed(5)) addData(lineChart2, 1, 'time2',(transfor(sum_region2_2)/region_length2[1]).toFixed(5)) addData(lineChart2, 2, 'time2',(transfor(sum_region3_2)/region_length2[2]).toFixed(5)) addData(lineChart2, 3, 'time2',(transfor(sum_region4_2)/region_length2[3]).toFixed(5)) addData(lineChart2, 4, 'time2',(transfor(sum_region5_2)/region_length2[4]).toFixed(5)) addData(lineChart2, 5, 'time2',(transfor(sum_region6_2)/region_length2[5]).toFixed(5)) addData(lineChart2, 6, 'time2',(transfor(sum_region7_2)/region_length2[6]).toFixed(5)) addData(lineChart2, 7, 'time2',(transfor(sum_region8_2)/region_length2[7]).toFixed(5)) addData(lineChart2, 8, 'time2',(transfor(sum_region9_2)/region_length2[8]).toFixed(5)) sum_9_region2[0].push(sum_region1_2) sum_9_region2[1].push(sum_region2_2) sum_9_region2[2].push(sum_region3_2) @@ -1010,72 +1084,136 @@ if(arr_arr.length!=0&&arr_arr2.length!=0){ if(step == arr_arr.length-1&&step2 == arr_arr2.length-1){ clearInterval(timer) $('.dataRight .region1_2 .ave').text((eval(sum_9_region[0].join('+'))/sum_9_region[0].length).toFixed(5)); let region1_end = transfor((eval(sum_9_region[0].join('+'))/sum_9_region[0].length)) let region2_end = transfor((eval(sum_9_region[1].join('+'))/sum_9_region[1].length)) let region3_end = transfor((eval(sum_9_region[2].join('+'))/sum_9_region[2].length)) let region4_end = transfor((eval(sum_9_region[3].join('+'))/sum_9_region[3].length)) let region5_end = transfor((eval(sum_9_region[4].join('+'))/sum_9_region[4].length)) let region6_end = transfor((eval(sum_9_region[5].join('+'))/sum_9_region[5].length)) let region7_end = transfor((eval(sum_9_region[6].join('+'))/sum_9_region[6].length)) let region8_end = transfor((eval(sum_9_region[7].join('+'))/sum_9_region[7].length)) let region9_end = transfor((eval(sum_9_region[8].join('+'))/sum_9_region[8].length)) let sum_region = region1_end+region2_end+region3_end+region4_end+region5_end+region6_end+region7_end+region8_end+region9_end let region1_end2 = transfor((eval(sum_9_region2[0].join('+'))/sum_9_region2[0].length)) let region2_end2 = transfor((eval(sum_9_region2[1].join('+'))/sum_9_region2[1].length)) let region3_end2 = transfor((eval(sum_9_region2[2].join('+'))/sum_9_region2[2].length)) let region4_end2 = transfor((eval(sum_9_region2[3].join('+'))/sum_9_region2[3].length)) let region5_end2 = transfor((eval(sum_9_region2[4].join('+'))/sum_9_region2[4].length)) let region6_end2 = transfor((eval(sum_9_region2[5].join('+'))/sum_9_region2[5].length)) let region7_end2 = transfor((eval(sum_9_region2[6].join('+'))/sum_9_region2[6].length)) let region8_end2 = transfor((eval(sum_9_region2[7].join('+'))/sum_9_region2[7].length)) let region9_end2 = transfor((eval(sum_9_region2[8].join('+'))/sum_9_region2[8].length)) let sum_region2 = region1_end2+region2_end2+region3_end2+region4_end2+region5_end2+region6_end2+region7_end2+region8_end2+region9_end2 $('.dataRight .region1_2 .ave').text(region1_end.toFixed(5)); $('.dataRight .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region2_2 .ave').text((eval(sum_9_region[1].join('+'))/sum_9_region[1].length).toFixed(5)); $('.dataRight .region2_2 .ave').text(region2_end.toFixed(5)); $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region3_2 .ave').text((eval(sum_9_region[2].join('+'))/sum_9_region[2].length).toFixed(5)); $('.dataRight .region3_2 .ave').text(region3_end.toFixed(5)); $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region4_2 .ave').text((eval(sum_9_region[3].join('+'))/sum_9_region[3].length).toFixed(5)); $('.dataRight .region4_2 .ave').text(region4_end.toFixed(5)); $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region5_2 .ave').text((eval(sum_9_region[4].join('+'))/sum_9_region[4].length).toFixed(5)); $('.dataRight .region5_2 .ave').text(region5_end.toFixed(5)); $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region6_2 .ave').text((eval(sum_9_region[5].join('+'))/sum_9_region[5].length).toFixed(5)); $('.dataRight .region6_2 .ave').text(region6_end.toFixed(5)); $('.dataRight .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region7_2 .ave').text((eval(sum_9_region[6].join('+'))/sum_9_region[6].length).toFixed(5)); $('.dataRight .region7_2 .ave').text(region7_end.toFixed(5)); $('.dataRight .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region8_2 .ave').text((eval(sum_9_region[7].join('+'))/sum_9_region[7].length).toFixed(5)); $('.dataRight .region8_2 .ave').text(region8_end.toFixed(5)); $('.dataRight .region8_2 .pr').text(toPercent((eval(sum_9_region[7].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region9_2 .ave').text((eval(sum_9_region[8].join('+'))/sum_9_region[8].length).toFixed(5)); $('.dataRight .region9_2 .ave').text(region9_end.toFixed(5)); $('.dataRight .region9_2 .pr').text(toPercent((eval(sum_9_region[8].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .sum_region_2 .ave').text(sum_region.toFixed(5)); $('.dataLeft .region1_2 .ave').text(region1_end2.toFixed(5)); $('.dataLeft .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region2_2 .ave').text(region2_end2.toFixed(5)); $('.dataLeft .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region3_2 .ave').text(region3_end2.toFixed(5)); $('.dataLeft .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region4_2 .ave').text(region4_end2.toFixed(5)); $('.dataLeft .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region5_2 .ave').text(region5_end2.toFixed(5)); $('.dataLeft .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region6_2 .ave').text(region6_end2.toFixed(5)); $('.dataLeft .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region7_2 .ave').text(region7_end2.toFixed(5)); $('.dataLeft .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region8_2 .ave').text(region8_end2.toFixed(5)); $('.dataLeft .region8_2 .pr').text(toPercent((eval(sum_9_region[7].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region9_2 .ave').text(region9_end2.toFixed(5)); $('.dataLeft .region9_2 .pr').text(toPercent((eval(sum_9_region[8].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .sum_region_2 .ave').text(sum_region2.toFixed(5)); step = 0 step2 = 0 } }else if(arr_arr.length == 0){ if(step2 == arr_arr2.length-1){ $('.dataRight .region1_2 .ave').text((eval(sum_9_region[0].join('+'))/sum_9_region[0].length).toFixed(5)); $('.dataRight .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region2_2 .ave').text((eval(sum_9_region[1].join('+'))/sum_9_region[1].length).toFixed(5)); $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region3_2 .ave').text((eval(sum_9_region[2].join('+'))/sum_9_region[2].length).toFixed(5)); $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region4_2 .ave').text((eval(sum_9_region[3].join('+'))/sum_9_region[3].length).toFixed(5)); $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region5_2 .ave').text((eval(sum_9_region[4].join('+'))/sum_9_region[4].length).toFixed(5)); $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region6_2 .ave').text((eval(sum_9_region[5].join('+'))/sum_9_region[5].length).toFixed(5)); $('.dataRight .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region7_2 .ave').text((eval(sum_9_region[6].join('+'))/sum_9_region[6].length).toFixed(5)); $('.dataRight .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region8_2 .ave').text((eval(sum_9_region[7].join('+'))/sum_9_region[7].length).toFixed(5)); let region1_end = transfor((eval(sum_9_region2[0].join('+'))/sum_9_region2[0].length)) let region2_end = transfor((eval(sum_9_region2[1].join('+'))/sum_9_region2[1].length)) let region3_end = transfor((eval(sum_9_region2[2].join('+'))/sum_9_region2[2].length)) let region4_end = transfor((eval(sum_9_region2[3].join('+'))/sum_9_region2[3].length)) let region5_end = transfor((eval(sum_9_region2[4].join('+'))/sum_9_region2[4].length)) let region6_end = transfor((eval(sum_9_region2[5].join('+'))/sum_9_region2[5].length)) let region7_end = transfor((eval(sum_9_region2[6].join('+'))/sum_9_region2[6].length)) let region8_end = transfor((eval(sum_9_region2[7].join('+'))/sum_9_region2[7].length)) let region9_end = transfor((eval(sum_9_region2[8].join('+'))/sum_9_region2[8].length)) let sum_region = region1_end+region2_end+region3_end+region4_end+region5_end+region6_end+region7_end+region8_end+region9_end $('.dataLeft .region1_2 .ave').text(region1_end.toFixed(5)); $('.dataLeft .region1_2 .pr').text(toPercent((eval(sum_9_region2[0].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region2_2 .ave').text(region2_end.toFixed(5)); $('.dataLeft .region2_2 .pr').text(toPercent((eval(sum_9_region2[1].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region3_2 .ave').text(region3_end.toFixed(5)); $('.dataLeft .region3_2 .pr').text(toPercent((eval(sum_9_region2[2].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region4_2 .ave').text(region4_end.toFixed(5)); $('.dataLeft .region4_2 .pr').text(toPercent((eval(sum_9_region2[3].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region5_2 .ave').text(region5_end.toFixed(5)); $('.dataLeft .region5_2 .pr').text(toPercent((eval(sum_9_region2[4].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region6_2 .ave').text(region6_end.toFixed(5)); $('.dataLeft .region6_2 .pr').text(toPercent((eval(sum_9_region2[5].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region7_2 .ave').text(region7_end.toFixed(5)); $('.dataLeft .region7_2 .pr').text(toPercent((eval(sum_9_region2[6].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataRight .region8_2 .ave').text(region8_end.toFixed(5)); $('.dataRight .region8_2 .pr').text(toPercent((eval(sum_9_region[7].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region9_2 .ave').text((eval(sum_9_region[8].join('+'))/sum_9_region[8].length).toFixed(5)); $('.dataRight .region9_2 .ave').text(region9_end.toFixed(5)); $('.dataRight .region9_2 .pr').text(toPercent((eval(sum_9_region[8].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataLeft .sum_region_2 .ave').text(sum_region.toFixed(5)); clearInterval(timer) step = 0 step2 = 0 } }else if(arr_arr2.length == 0){ if(step == arr_arr.length-1){ console.log(sum_9_region,sum_9_region2) $('.dataRight .region1_2 .ave').text((eval(sum_9_region[0].join('+'))/sum_9_region[0].length).toFixed(5)); let region1_end = transfor((eval(sum_9_region[0].join('+'))/sum_9_region[0].length)) let region2_end = transfor((eval(sum_9_region[1].join('+'))/sum_9_region[1].length)) let region3_end = transfor((eval(sum_9_region[2].join('+'))/sum_9_region[2].length)) let region4_end = transfor((eval(sum_9_region[3].join('+'))/sum_9_region[3].length)) let region5_end = transfor((eval(sum_9_region[4].join('+'))/sum_9_region[4].length)) let region6_end = transfor((eval(sum_9_region[5].join('+'))/sum_9_region[5].length)) let region7_end = transfor((eval(sum_9_region[6].join('+'))/sum_9_region[6].length)) let region8_end = transfor((eval(sum_9_region[7].join('+'))/sum_9_region[7].length)) let region9_end = transfor((eval(sum_9_region[8].join('+'))/sum_9_region[8].length)) let sum_region = region1_end+region2_end+region3_end+region4_end+region5_end+region6_end+region7_end+region8_end+region9_end $('.dataRight .region1_2 .ave').text(region1_end.toFixed(5)); $('.dataRight .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region2_2 .ave').text((eval(sum_9_region[1].join('+'))/sum_9_region[1].length).toFixed(5)); $('.dataRight .region2_2 .ave').text(region2_end.toFixed(5)); $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region3_2 .ave').text((eval(sum_9_region[2].join('+'))/sum_9_region[2].length).toFixed(5)); $('.dataRight .region3_2 .ave').text(region3_end.toFixed(5)); $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region4_2 .ave').text((eval(sum_9_region[3].join('+'))/sum_9_region[3].length).toFixed(5)); $('.dataRight .region4_2 .ave').text(region4_end.toFixed(5)); $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region5_2 .ave').text((eval(sum_9_region[4].join('+'))/sum_9_region[4].length).toFixed(5)); $('.dataRight .region5_2 .ave').text(region5_end.toFixed(5)); $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region6_2 .ave').text((eval(sum_9_region[5].join('+'))/sum_9_region[5].length).toFixed(5)); $('.dataRight .region6_2 .ave').text(region6_end.toFixed(5)); $('.dataRight .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region7_2 .ave').text((eval(sum_9_region[6].join('+'))/sum_9_region[6].length).toFixed(5)); $('.dataRight .region7_2 .ave').text(region7_end.toFixed(5)); $('.dataRight .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region8_2 .ave').text((eval(sum_9_region[7].join('+'))/sum_9_region[7].length).toFixed(5)); $('.dataRight .region8_2 .ave').text(region8_end.toFixed(5)); $('.dataRight .region8_2 .pr').text(toPercent((eval(sum_9_region[7].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region9_2 .ave').text((eval(sum_9_region[8].join('+'))/sum_9_region[8].length).toFixed(5)); $('.dataRight .region9_2 .ave').text(region9_end.toFixed(5)); $('.dataRight .region9_2 .pr').text(toPercent((eval(sum_9_region[8].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .sum_region_2 .ave').text(sum_region.toFixed(5)); clearInterval(timer) step = 0 step2 = 0 @@ -1104,25 +1242,54 @@ for(let i=0;i<data_map.data?.length;i++){ data_map.data[i].value = data_end_left[i] data_map.data[i].radius = data_end_left[i]<10?0:50 data_map_top.data[i].value = data_end_left[i] data_map_top.data[i].radius = data_end_left[i]<10?0:50 data_map_middle.data[i].value = data_end_left[i] data_map_middle.data[i].radius = data_end_left[i]<10?0:50 data_map_buttom.data[i].value = data_end_left[i] data_map_buttom.data[i].radius = data_end_left[i]<10?0:50 } for(let i=0;i<data_map2.data?.length;i++){ data_map2.data[i].value = data_end_right[i] data_map2.data[i].radius = data_end_right[i]<10?0:50 data_map2_top.data[i].value = data_end_right[i] data_map2_top.data[i].radius = data_end_right[i]<10?0:50 data_map2_middle.data[i].value = data_end_right[i] data_map2_middle.data[i].radius = data_end_right[i]<10?0:50 data_map2_buttom.data[i].value = data_end_right[i] data_map2_buttom.data[i].radius = data_end_right[i]<10?0:50 } }else if(arr_arr.length == 0&&arr_arr2.length!=0){ for(let i=0;i<data_map.data?.length;i++){ data_map.data[i].value = data_end_left[i] data_map.data[i].radius = data_end_left[i]<10?0:50 data_map_top.data[i].radius = data_end_left[i]<10?0:50 data_map_middle.data[i].value = data_end_left[i] data_map_middle.data[i].radius = data_end_left[i]<10?0:50 data_map_buttom.data[i].value = data_end_left[i] data_map_buttom.data[i].radius = data_end_left[i]<10?0:50 } }else if(arr_arr2.length == 0&&arr_arr.length!=0){ for(let i=0;i<data_map2.data?.length;i++){ data_map2.data[i].value = data_end_right[i] data_map2.data[i].radius = data_end_right[i]<10?0:50 data_map2_top.data[i].value = data_end_right[i] data_map2_top.data[i].radius = data_end_right[i]<10?0:50 data_map2_middle.data[i].value = data_end_right[i] data_map2_middle.data[i].radius = data_end_right[i]<10?0:50 data_map2_buttom.data[i].value = data_end_right[i] data_map2_buttom.data[i].radius = data_end_right[i]<10?0:50 } } heatmapInstance.setData(data_map); heatmapInstance_top.setData(data_map_top); heatmapInstance_middle.setData(data_map_middle); heatmapInstance_buttom.setData(data_map_buttom); heatmapInstance2.setData(data_map2); heatmapInstance2_top.setData(data_map2_top); heatmapInstance2_middle.setData(data_map2_middle); heatmapInstance2_buttom.setData(data_map2_buttom); for(let i=0;i<arr_arr[step]?.data.length;i++){ for(let x=0;x<arr_arr[step].data[i].length;x++){ let id_end = trueID(i) @@ -1150,42 +1317,42 @@ } if(i==arr_arr[step]?.data.length-1&&x==arr_arr[step].data[i].length-1){ sum_99 = sum_region1+sum_region2+sum_region3+sum_region4+sum_region5+sum_region6+sum_region7+sum_region8+sum_region9 $('.dataRight .region1 .ave').text((sum_region1/region_length[0]).toFixed(5)); $('.dataRight .region1 .ave').text((transfor(sum_region1)/region_length[0]).toFixed(5)); $('.dataRight .region1 .pr').text(toPercent((sum_region1/sum_99).toFixed(5))); $('.dataRight .region2 .ave').text((sum_region2/region_length[1]).toFixed(5)); $('.dataRight .region2 .ave').text((transfor(sum_region2)/region_length[1]).toFixed(5)); $('.dataRight .region2 .pr').text(toPercent((sum_region2/sum_99).toFixed(5))); $('.dataRight .region3 .ave').text((sum_region3/region_length[2]).toFixed(5)); $('.dataRight .region3 .ave').text((transfor(sum_region3)/region_length[2]).toFixed(5)); $('.dataRight .region3 .pr').text(toPercent((sum_region3/sum_99).toFixed(5))); $('.dataRight .region4 .ave').text((sum_region4/region_length[3]).toFixed(5)); $('.dataRight .region4 .ave').text((transfor(sum_region4)/region_length[3]).toFixed(5)); $('.dataRight .region4 .pr').text(toPercent((sum_region4/sum_99).toFixed(5))); $('.dataRight .region5 .ave').text((sum_region5/region_length[4]).toFixed(5)); $('.dataRight .region5 .ave').text((transfor(sum_region5)/region_length[4]).toFixed(5)); $('.dataRight .region5 .pr').text(toPercent((sum_region5/sum_99).toFixed(5))); $('.dataRight .region6 .ave').text((sum_region6/region_length[5]).toFixed(5)); $('.dataRight .region6 .ave').text((transfor(sum_region6)/region_length[5]).toFixed(5)); $('.dataRight .region6 .pr').text(toPercent((sum_region6/sum_99).toFixed(5))); $('.dataRight .region7 .ave').text((sum_region7/region_length[6]).toFixed(5)); $('.dataRight .region7 .ave').text((transfor(sum_region7)/region_length[6]).toFixed(5)); $('.dataRight .region7 .pr').text(toPercent((sum_region7/sum_99).toFixed(5))); $('.dataRight .region8 .ave').text((sum_region8/region_length[7]).toFixed(5)); $('.dataRight .region8 .ave').text((transfor(sum_region8)/region_length[7]).toFixed(5)); $('.dataRight .region8 .pr').text(toPercent((sum_region8/sum_99).toFixed(5))); $('.dataRight .region9 .ave').text((sum_region9/region_length[8]).toFixed(5)); $('.dataRight .region9 .ave').text((transfor(sum_region9)/region_length[8]).toFixed(5)); $('.dataRight .region9 .pr').text(toPercent((sum_region9/sum_99).toFixed(5))); $('.fbox2 .region_1').css({opacity: opcity_end(sum_region1/region_length[0])}) $('.fbox2 .region_2').css({opacity: opcity_end(sum_region2/region_length[1])}) $('.fbox2 .region_3').css({opacity: opcity_end(sum_region3/region_length[2])}) $('.fbox2 .region_4').css({opacity: opcity_end(sum_region4/region_length[3])}) $('.fbox2 .region_5').css({opacity: opcity_end(sum_region5/region_length[4])}) $('.fbox2 .region_6').css({opacity: opcity_end(sum_region6/region_length[5])}) $('.fbox2 .region_7').css({opacity: opcity_end(sum_region7/region_length[6])}) $('.fbox2 .region_8').css({opacity: opcity_end(sum_region8/region_length[7])}) $('.fbox2 .region_9').css({opacity: opcity_end(sum_region9/region_length[8])}) addData(lineChart, 0, 'time',(sum_region1/region_length[0]).toFixed(5)) addData(lineChart, 1, 'time',(sum_region2/region_length[1]).toFixed(5)) addData(lineChart, 2, 'time',(sum_region3/region_length[2]).toFixed(5)) addData(lineChart, 3, 'time',(sum_region4/region_length[3]).toFixed(5)) addData(lineChart, 4, 'time',(sum_region5/region_length[4]).toFixed(5)) addData(lineChart, 5, 'time',(sum_region6/region_length[5]).toFixed(5)) addData(lineChart, 6, 'time',(sum_region7/region_length[6]).toFixed(5)) addData(lineChart, 7, 'time',(sum_region8/region_length[7]).toFixed(5)) addData(lineChart, 8, 'time',(sum_region9/region_length[8]).toFixed(5)) $('.fbox2 .region_1').css({opacity: opcity_end(transfor(sum_region1)/region_length[0])}) $('.fbox2 .region_2').css({opacity: opcity_end(transfor(sum_region2)/region_length[1])}) $('.fbox2 .region_3').css({opacity: opcity_end(transfor(sum_region3)/region_length[2])}) $('.fbox2 .region_4').css({opacity: opcity_end(transfor(sum_region4)/region_length[3])}) $('.fbox2 .region_5').css({opacity: opcity_end(transfor(sum_region5)/region_length[4])}) $('.fbox2 .region_6').css({opacity: opcity_end(transfor(sum_region6)/region_length[5])}) $('.fbox2 .region_7').css({opacity: opcity_end(transfor(sum_region7)/region_length[6])}) $('.fbox2 .region_8').css({opacity: opcity_end(transfor(sum_region8)/region_length[7])}) $('.fbox2 .region_9').css({opacity: opcity_end(transfor(sum_region9)/region_length[8])}) addData(lineChart, 0, 'time',(transfor(sum_region1)/region_length[0]).toFixed(5)) addData(lineChart, 1, 'time',(transfor(sum_region2)/region_length[1]).toFixed(5)) addData(lineChart, 2, 'time',(transfor(sum_region3)/region_length[2]).toFixed(5)) addData(lineChart, 3, 'time',(transfor(sum_region4)/region_length[3]).toFixed(5)) addData(lineChart, 4, 'time',(transfor(sum_region5)/region_length[4]).toFixed(5)) addData(lineChart, 5, 'time',(transfor(sum_region6)/region_length[5]).toFixed(5)) addData(lineChart, 6, 'time',(transfor(sum_region7)/region_length[6]).toFixed(5)) addData(lineChart, 7, 'time',(transfor(sum_region8)/region_length[7]).toFixed(5)) addData(lineChart, 8, 'time',(transfor(sum_region9)/region_length[8]).toFixed(5)) } @@ -1218,42 +1385,42 @@ } if(i==arr_arr2[step2].data.length-1&&x==arr_arr2[step2].data[i].length-1){ sum_99_2 = sum_region1_2+sum_region2_2+sum_region3_2+sum_region4_2+sum_region5_2+sum_region6_2+sum_region7_2+sum_region8_2+sum_region9_2 $('.dataLeft .region1 .ave').text((sum_region1_2/region_length2[0]).toFixed(5)); $('.dataLeft .region1 .ave').text((transfor(sum_region1_2)/region_length2[0]).toFixed(5)); $('.dataLeft .region1 .pr').text(toPercent((sum_region1_2/sum_99_2).toFixed(5))); $('.dataLeft .region2 .ave').text((sum_region2_2/region_length2[1]).toFixed(5)); $('.dataLeft .region2 .ave').text((transfor(sum_region2_2)/region_length2[1]).toFixed(5)); $('.dataLeft .region2 .pr').text(toPercent((sum_region2_2/sum_99_2).toFixed(5))); $('.dataLeft .region3 .ave').text((sum_region3_2/region_length2[2]).toFixed(5)); $('.dataLeft .region3 .ave').text((transfor(sum_region3_2)/region_length2[2]).toFixed(5)); $('.dataLeft .region3 .pr').text(toPercent((sum_region3/sum_99_2).toFixed(5))); $('.dataLeft .region4 .ave').text((sum_region4_2/region_length2[3]).toFixed(5)); $('.dataLeft .region4 .ave').text((transfor(sum_region4_2)/region_length2[3]).toFixed(5)); $('.dataLeft .region4 .pr').text(toPercent((sum_region4_2/sum_99_2).toFixed(5))); $('.dataLeft .region5 .ave').text((sum_region5_2/region_length2[4]).toFixed(5)); $('.dataLeft .region5 .ave').text((transfor(sum_region5_2)/region_length2[4]).toFixed(5)); $('.dataLeft .region5 .pr').text(toPercent((sum_region5_2/sum_99_2).toFixed(5))); $('.dataLeft .region6 .ave').text((sum_region6_2/region_length2[5]).toFixed(5)); $('.dataLeft .region6 .ave').text((transfor(sum_region6_2)/region_length2[5]).toFixed(5)); $('.dataLeft .region6 .pr').text(toPercent((sum_region6_2/sum_99_2).toFixed(5))); $('.dataLeft .region7 .ave').text((sum_region7_2/region_length2[6]).toFixed(5)); $('.dataLeft .region7 .ave').text((transfor(sum_region7_2)/region_length2[6]).toFixed(5)); $('.dataLeft .region7 .pr').text(toPercent((sum_region7_2/sum_99_2).toFixed(5))); $('.dataLeft .region8 .ave').text((sum_region8_2/region_length2[7]).toFixed(5)); $('.dataLeft .region8 .ave').text((transfor(sum_region8_2)/region_length2[7]).toFixed(5)); $('.dataLeft .region8 .pr').text(toPercent((sum_region8_2/sum_99_2).toFixed(5))); $('.dataLeft .region9 .ave').text((sum_region9_2/region_length2[8]).toFixed(5)); $('.dataLeft .region9 .ave').text((transfor(sum_region9_2)/region_length2[8]).toFixed(5)); $('.dataLeft .region9 .pr').text(toPercent((sum_region9_2/sum_99_2).toFixed(5))); $('.fbox .region_1').css({opacity: opcity_end(sum_region1_2/region_length2[0])}) $('.fbox .region_2').css({opacity: opcity_end(sum_region2_2/region_length2[1])}) $('.fbox .region_3').css({opacity: opcity_end(sum_region3_2/region_length2[2])}) $('.fbox .region_4').css({opacity: opcity_end(sum_region4_2/region_length2[3])}) $('.fbox .region_5').css({opacity: opcity_end(sum_region5_2/region_length2[4])}) $('.fbox .region_6').css({opacity: opcity_end(sum_region6_2/region_length2[5])}) $('.fbox .region_7').css({opacity: opcity_end(sum_region7_2/region_length2[6])}) $('.fbox .region_8').css({opacity: opcity_end(sum_region8_2/region_length2[7])}) $('.fbox .region_9').css({opacity: opcity_end(sum_region9_2/region_length2[8])}) addData(lineChart2, 0, 'time2',(sum_region1_2/region_length2[0]).toFixed(5)) addData(lineChart2, 1, 'time2',(sum_region2_2/region_length2[1]).toFixed(5)) addData(lineChart2, 2, 'time2',(sum_region3_2/region_length2[2]).toFixed(5)) addData(lineChart2, 3, 'time2',(sum_region4_2/region_length2[3]).toFixed(5)) addData(lineChart2, 4, 'time2',(sum_region5_2/region_length2[4]).toFixed(5)) addData(lineChart2, 5, 'time2',(sum_region6_2/region_length2[5]).toFixed(5)) addData(lineChart2, 6, 'time2',(sum_region7_2/region_length2[6]).toFixed(5)) addData(lineChart2, 7, 'time2',(sum_region8_2/region_length2[7]).toFixed(5)) addData(lineChart2, 8, 'time2',(sum_region9_2/region_length2[8]).toFixed(5)) $('.fbox .region_1').css({opacity: opcity_end(transfor(sum_region1_2)/region_length2[0])}) $('.fbox .region_2').css({opacity: opcity_end(transfor(sum_region2_2)/region_length2[1])}) $('.fbox .region_3').css({opacity: opcity_end(transfor(sum_region3_2)/region_length2[2])}) $('.fbox .region_4').css({opacity: opcity_end(transfor(sum_region4_2)/region_length2[3])}) $('.fbox .region_5').css({opacity: opcity_end(transfor(sum_region5_2)/region_length2[4])}) $('.fbox .region_6').css({opacity: opcity_end(transfor(sum_region6_2)/region_length2[5])}) $('.fbox .region_7').css({opacity: opcity_end(transfor(sum_region7_2)/region_length2[6])}) $('.fbox .region_8').css({opacity: opcity_end(transfor(sum_region8_2)/region_length2[7])}) $('.fbox .region_9').css({opacity: opcity_end(transfor(sum_region9_2)/region_length2[8])}) addData(lineChart2, 0, 'time2',(transfor(sum_region1_2)/region_length2[0]).toFixed(5)) addData(lineChart2, 1, 'time2',(transfor(sum_region2_2)/region_length2[1]).toFixed(5)) addData(lineChart2, 2, 'time2',(transfor(sum_region3_2)/region_length2[2]).toFixed(5)) addData(lineChart2, 3, 'time2',(transfor(sum_region4_2)/region_length2[3]).toFixed(5)) addData(lineChart2, 4, 'time2',(transfor(sum_region5_2)/region_length2[4]).toFixed(5)) addData(lineChart2, 5, 'time2',(transfor(sum_region6_2)/region_length2[5]).toFixed(5)) addData(lineChart2, 6, 'time2',(transfor(sum_region7_2)/region_length2[6]).toFixed(5)) addData(lineChart2, 7, 'time2',(transfor(sum_region8_2)/region_length2[7]).toFixed(5)) addData(lineChart2, 8, 'time2',(transfor(sum_region9_2)/region_length2[8]).toFixed(5)) } } @@ -1277,10 +1444,21 @@ for(let i=0;i<data_map.data?.length;i++){ data_map.data[i].value = data_end_left[i] data_map.data[i].radius = data_end_left[i]<10?0:50 data_map_top.data[i].radius = data_end_left[i]<10?0:50 data_map_middle.data[i].value = data_end_left[i] data_map_middle.data[i].radius = data_end_left[i]<10?0:50 data_map_buttom.data[i].value = data_end_left[i] data_map_buttom.data[i].radius = data_end_left[i]<10?0:50 } for(let i=0;i<data_map2.data?.length;i++){ data_map2.data[i].value = data_end_right[i] data_map2.data[i].radius = data_end_right[i]<10?0:50 data_map2_top.data[i].value = data_end_right[i] data_map2_top.data[i].radius = data_end_right[i]<10?0:50 data_map2_middle.data[i].value = data_end_right[i] data_map2_middle.data[i].radius = data_end_right[i]<10?0:50 data_map2_buttom.data[i].value = data_end_right[i] data_map2_buttom.data[i].radius = data_end_right[i]<10?0:50 } }else if(arr_arr.length == 0&&arr_arr2.length!=0){ step = 0 @@ -1288,6 +1466,11 @@ for(let i=0;i<data_map.data?.length;i++){ data_map.data[i].value = data_end_left[i] data_map.data[i].radius = data_end_left[i]<10?0:50 data_map_top.data[i].radius = data_end_left[i]<10?0:50 data_map_middle.data[i].value = data_end_left[i] data_map_middle.data[i].radius = data_end_left[i]<10?0:50 data_map_buttom.data[i].value = data_end_left[i] data_map_buttom.data[i].radius = data_end_left[i]<10?0:50 } }else if(arr_arr2.length == 0&&arr_arr.length!=0){ step2 = 0 @@ -1295,10 +1478,22 @@ for(let i=0;i<data_map2.data?.length;i++){ data_map2.data[i].value = data_end_right[i] data_map2.data[i].radius = data_end_right[i]<10?0:50 data_map2_top.data[i].value = data_end_right[i] data_map2_top.data[i].radius = data_end_right[i]<10?0:50 data_map2_middle.data[i].value = data_end_right[i] data_map2_middle.data[i].radius = data_end_right[i]<10?0:50 data_map2_buttom.data[i].value = data_end_right[i] data_map2_buttom.data[i].radius = data_end_right[i]<10?0:50 } } heatmapInstance.setData(data_map); heatmapInstance_top.setData(data_map_top); heatmapInstance_middle.setData(data_map_middle); heatmapInstance_buttom.setData(data_map_buttom); heatmapInstance2.setData(data_map2); heatmapInstance2_top.setData(data_map2_top); heatmapInstance2_middle.setData(data_map2_middle); heatmapInstance2_buttom.setData(data_map2_buttom); for(let i=0;i<arr_arr[step]?.data.length;i++){ for(let x=0;x<arr_arr[step].data[i].length;x++){ let id_end = trueID(i) @@ -1326,42 +1521,42 @@ } if(i==arr_arr[step].data.length-1&&x==arr_arr[step].data[i].length-1){ sum_99 = sum_region1+sum_region2+sum_region3+sum_region4+sum_region5+sum_region6+sum_region7+sum_region8+sum_region9 $('.dataRight .region1 .ave').text((sum_region1/region_length[0]).toFixed(5)); $('.dataRight .region1 .ave').text((transfor(sum_region1)/region_length[0]).toFixed(5)); $('.dataRight .region1 .pr').text(toPercent((sum_region1/sum_99).toFixed(5))); $('.dataRight .region2 .ave').text((sum_region2/region_length[1]).toFixed(5)); $('.dataRight .region2 .ave').text((transfor(sum_region2)/region_length[1]).toFixed(5)); $('.dataRight .region2 .pr').text(toPercent((sum_region2/sum_99).toFixed(5))); $('.dataRight .region3 .ave').text((sum_region3/region_length[2]).toFixed(5)); $('.dataRight .region3 .ave').text((transfor(sum_region3)/region_length[2]).toFixed(5)); $('.dataRight .region3 .pr').text(toPercent((sum_region3/sum_99).toFixed(5))); $('.dataRight .region4 .ave').text((sum_region4/region_length[3]).toFixed(5)); $('.dataRight .region4 .ave').text((transfor(sum_region4)/region_length[3]).toFixed(5)); $('.dataRight .region4 .pr').text(toPercent((sum_region4/sum_99).toFixed(5))); $('.dataRight .region5 .ave').text((sum_region5/region_length[4]).toFixed(5)); $('.dataRight .region5 .ave').text((transfor(sum_region5)/region_length[4]).toFixed(5)); $('.dataRight .region5 .pr').text(toPercent((sum_region5/sum_99).toFixed(5))); $('.dataRight .region6 .ave').text((sum_region6/region_length[5]).toFixed(5)); $('.dataRight .region6 .ave').text((transfor(sum_region6)/region_length[5]).toFixed(5)); $('.dataRight .region6 .pr').text(toPercent((sum_region6/sum_99).toFixed(5))); $('.dataRight .region7 .ave').text((sum_region7/region_length[6]).toFixed(5)); $('.dataRight .region7 .ave').text((transfor(sum_region7)/region_length[6]).toFixed(5)); $('.dataRight .region7 .pr').text(toPercent((sum_region7/sum_99).toFixed(5))); $('.dataRight .region8 .ave').text((sum_region8/region_length[7]).toFixed(5)); $('.dataRight .region8 .ave').text((transfor(sum_region8)/region_length[7]).toFixed(5)); $('.dataRight .region8 .pr').text(toPercent((sum_region8/sum_99).toFixed(5))); $('.dataRight .region9 .ave').text((sum_region9/region_length[8]).toFixed(5)); $('.dataRight .region9 .ave').text((transfor(sum_region9)/region_length[8]).toFixed(5)); $('.dataRight .region9 .pr').text(toPercent((sum_region9/sum_99).toFixed(5))); $('.fbox2 .region_1').css({opacity: opcity_end(sum_region1/region_length[0])}) $('.fbox2 .region_2').css({opacity: opcity_end(sum_region2/region_length[1])}) $('.fbox2 .region_3').css({opacity: opcity_end(sum_region3/region_length[2])}) $('.fbox2 .region_4').css({opacity: opcity_end(sum_region4/region_length[3])}) $('.fbox2 .region_5').css({opacity: opcity_end(sum_region5/region_length[4])}) $('.fbox2 .region_6').css({opacity: opcity_end(sum_region6/region_length[5])}) $('.fbox2 .region_7').css({opacity: opcity_end(sum_region7/region_length[6])}) $('.fbox2 .region_8').css({opacity: opcity_end(sum_region8/region_length[7])}) $('.fbox2 .region_9').css({opacity: opcity_end(sum_region9/region_length[8])}) addData(lineChart, 0, 'time',(sum_region1/region_length[0]).toFixed(5)) addData(lineChart, 1, 'time',(sum_region2/region_length[1]).toFixed(5)) addData(lineChart, 2, 'time',(sum_region3/region_length[2]).toFixed(5)) addData(lineChart, 3, 'time',(sum_region4/region_length[3]).toFixed(5)) addData(lineChart, 4, 'time',(sum_region5/region_length[4]).toFixed(5)) addData(lineChart, 5, 'time',(sum_region6/region_length[5]).toFixed(5)) addData(lineChart, 6, 'time',(sum_region7/region_length[6]).toFixed(5)) addData(lineChart, 7, 'time',(sum_region8/region_length[7]).toFixed(5)) addData(lineChart, 8, 'time',(sum_region9/region_length[8]).toFixed(5)) $('.fbox2 .region_1').css({opacity: opcity_end(transfor(sum_region1)/region_length[0])}) $('.fbox2 .region_2').css({opacity: opcity_end(transfor(sum_region2)/region_length[1])}) $('.fbox2 .region_3').css({opacity: opcity_end(transfor(sum_region3)/region_length[2])}) $('.fbox2 .region_4').css({opacity: opcity_end(transfor(sum_region4)/region_length[3])}) $('.fbox2 .region_5').css({opacity: opcity_end(transfor(sum_region5)/region_length[4])}) $('.fbox2 .region_6').css({opacity: opcity_end(transfor(sum_region6)/region_length[5])}) $('.fbox2 .region_7').css({opacity: opcity_end(transfor(sum_region7)/region_length[6])}) $('.fbox2 .region_8').css({opacity: opcity_end(transfor(sum_region8)/region_length[7])}) $('.fbox2 .region_9').css({opacity: opcity_end(transfor(sum_region9)/region_length[8])}) addData(lineChart, 0, 'time',(transfor(sum_region1)/region_length[0]).toFixed(5)) addData(lineChart, 1, 'time',(transfor(sum_region2)/region_length[1]).toFixed(5)) addData(lineChart, 2, 'time',(transfor(sum_region3)/region_length[2]).toFixed(5)) addData(lineChart, 3, 'time',(transfor(sum_region4)/region_length[3]).toFixed(5)) addData(lineChart, 4, 'time',(transfor(sum_region5)/region_length[4]).toFixed(5)) addData(lineChart, 5, 'time',(transfor(sum_region6)/region_length[5]).toFixed(5)) addData(lineChart, 6, 'time',(transfor(sum_region7)/region_length[6]).toFixed(5)) addData(lineChart, 7, 'time',(transfor(sum_region8)/region_length[7]).toFixed(5)) addData(lineChart, 8, 'time',(transfor(sum_region9)/region_length[8]).toFixed(5)) } } @@ -1393,42 +1588,42 @@ } if(i==arr_arr2[step2].data.length-1&&x==arr_arr2[step2].data[i].length-1){ sum_99_2 = sum_region1_2+sum_region2_2+sum_region3_2+sum_region4_2+sum_region5_2+sum_region6_2+sum_region7_2+sum_region8_2+sum_region9_2 $('.dataLeft .region1 .ave').text((sum_region1_2/region_length2[0]).toFixed(5)); $('.dataLeft .region1 .ave').text((transfor(sum_region1_2)/region_length2[0]).toFixed(5)); $('.dataLeft .region1 .pr').text(toPercent((sum_region1_2/sum_99_2).toFixed(5))); $('.dataLeft .region2 .ave').text((sum_region2_2/region_length2[1]).toFixed(5)); $('.dataLeft .region2 .ave').text((transfor(sum_region2_2)/region_length2[1]).toFixed(5)); $('.dataLeft .region2 .pr').text(toPercent((sum_region2_2/sum_99_2).toFixed(5))); $('.dataLeft .region3 .ave').text((sum_region3_2/region_length2[2]).toFixed(5)); $('.dataLeft .region3 .ave').text((transfor(sum_region3_2)/region_length2[2]).toFixed(5)); $('.dataLeft .region3 .pr').text(toPercent((sum_region3/sum_99_2).toFixed(5))); $('.dataLeft .region4 .ave').text((sum_region4_2/region_length2[3]).toFixed(5)); $('.dataLeft .region4 .ave').text((transfor(sum_region4_2)/region_length2[3]).toFixed(5)); $('.dataLeft .region4 .pr').text(toPercent((sum_region4_2/sum_99_2).toFixed(5))); $('.dataLeft .region5 .ave').text((sum_region5_2/region_length2[4]).toFixed(5)); $('.dataLeft .region5 .ave').text((transfor(sum_region5_2)/region_length2[4]).toFixed(5)); $('.dataLeft .region5 .pr').text(toPercent((sum_region5_2/sum_99_2).toFixed(5))); $('.dataLeft .region6 .ave').text((sum_region6_2/region_length2[5]).toFixed(5)); $('.dataLeft .region6 .ave').text((transfor(sum_region6_2)/region_length2[5]).toFixed(5)); $('.dataLeft .region6 .pr').text(toPercent((sum_region6_2/sum_99_2).toFixed(5))); $('.dataLeft .region7 .ave').text((sum_region7_2/region_length2[6]).toFixed(5)); $('.dataLeft .region7 .ave').text((transfor(sum_region7_2)/region_length2[6]).toFixed(5)); $('.dataLeft .region7 .pr').text(toPercent((sum_region7_2/sum_99_2).toFixed(5))); $('.dataLeft .region8 .ave').text((sum_region8_2/region_length2[7]).toFixed(5)); $('.dataLeft .region8 .ave').text((transfor(sum_region8_2)/region_length2[7]).toFixed(5)); $('.dataLeft .region8 .pr').text(toPercent((sum_region8_2/sum_99_2).toFixed(5))); $('.dataLeft .region9 .ave').text((sum_region9_2/region_length2[8]).toFixed(5)); $('.dataLeft .region9 .ave').text((transfor(sum_region9_2)/region_length2[8]).toFixed(5)); $('.dataLeft .region9 .pr').text(toPercent((sum_region9_2/sum_99_2).toFixed(5))); $('.fbox .region_1').css({opacity: opcity_end(sum_region1_2/region_length2[0])}) $('.fbox .region_2').css({opacity: opcity_end(sum_region2_2/region_length2[1])}) $('.fbox .region_3').css({opacity: opcity_end(sum_region3_2/region_length2[2])}) $('.fbox .region_4').css({opacity: opcity_end(sum_region4_2/region_length2[3])}) $('.fbox .region_5').css({opacity: opcity_end(sum_region5_2/region_length2[4])}) $('.fbox .region_6').css({opacity: opcity_end(sum_region6_2/region_length2[5])}) $('.fbox .region_7').css({opacity: opcity_end(sum_region7_2/region_length2[6])}) $('.fbox .region_8').css({opacity: opcity_end(sum_region8_2/region_length2[7])}) $('.fbox .region_9').css({opacity: opcity_end(sum_region9_2/region_length2[8])}) addData(lineChart2, 0, 'time2',(sum_region1_2/region_length2[0]).toFixed(5)) addData(lineChart2, 1, 'time2',(sum_region2_2/region_length2[1]).toFixed(5)) addData(lineChart2, 2, 'time2',(sum_region3_2/region_length2[2]).toFixed(5)) addData(lineChart2, 3, 'time2',(sum_region4_2/region_length2[3]).toFixed(5)) addData(lineChart2, 4, 'time2',(sum_region5_2/region_length2[4]).toFixed(5)) addData(lineChart2, 5, 'time2',(sum_region6_2/region_length2[5]).toFixed(5)) addData(lineChart2, 6, 'time2',(sum_region7_2/region_length2[6]).toFixed(5)) addData(lineChart2, 7, 'time2',(sum_region8_2/region_length2[7]).toFixed(5)) addData(lineChart2, 8, 'time2',(sum_region9_2/region_length2[8]).toFixed(5)) $('.fbox .region_1').css({opacity: opcity_end(transfor(sum_region1_2)/region_length2[0])}) $('.fbox .region_2').css({opacity: opcity_end(transfor(sum_region2_2)/region_length2[1])}) $('.fbox .region_3').css({opacity: opcity_end(transfor(sum_region3_2)/region_length2[2])}) $('.fbox .region_4').css({opacity: opcity_end(transfor(sum_region4_2)/region_length2[3])}) $('.fbox .region_5').css({opacity: opcity_end(transfor(sum_region5_2)/region_length2[4])}) $('.fbox .region_6').css({opacity: opcity_end(transfor(sum_region6_2)/region_length2[5])}) $('.fbox .region_7').css({opacity: opcity_end(transfor(sum_region7_2)/region_length2[6])}) $('.fbox .region_8').css({opacity: opcity_end(transfor(sum_region8_2)/region_length2[7])}) $('.fbox .region_9').css({opacity: opcity_end(transfor(sum_region9_2)/region_length2[8])}) addData(lineChart2, 0, 'time2',(transfor(sum_region1_2)/region_length2[0]).toFixed(5)) addData(lineChart2, 1, 'time2',(transfor(sum_region2_2)/region_length2[1]).toFixed(5)) addData(lineChart2, 2, 'time2',(transfor(sum_region3_2)/region_length2[2]).toFixed(5)) addData(lineChart2, 3, 'time2',(transfor(sum_region4_2)/region_length2[3]).toFixed(5)) addData(lineChart2, 4, 'time2',(transfor(sum_region5_2)/region_length2[4]).toFixed(5)) addData(lineChart2, 5, 'time2',(transfor(sum_region6_2)/region_length2[5]).toFixed(5)) addData(lineChart2, 6, 'time2',(transfor(sum_region7_2)/region_length2[6]).toFixed(5)) addData(lineChart2, 7, 'time2',(transfor(sum_region8_2)/region_length2[7]).toFixed(5)) addData(lineChart2, 8, 'time2',(transfor(sum_region9_2)/region_length2[8]).toFixed(5)) } } read_com/js/function_7.js
New file @@ -0,0 +1,1589 @@ var clear = true //通过判断clear来清除定时器 var step = 0 //每一帧 var step2 = 0 //每一帧 var arr_arr = [] var arr_arr2 = [] //从开始到结束所获取的数据，用于回放或保存文件 var timer var sum_99 = 0 var sum_99_2 = 0 //99个点的数值总和 var sum_region1 = 0, sum_region2 = 0, sum_region3 = 0, sum_region4 = 0, sum_region5 = 0, sum_region6 = 0, sum_region7 = 0, sum_region8 = 0, sum_region9 = 0, sum_region1_2 = 0, sum_region2_2 = 0, sum_region3_2 = 0, sum_region4_2 = 0, sum_region5_2 = 0, sum_region6_2 = 0, sum_region7_2 = 0, sum_region8_2 = 0, sum_region9_2 = 0, //每个区域的总值 sum_9_region = [[],[],[],[],[],[],[],[],[]], sum_9_region2 = [[],[],[],[],[],[],[],[],[]], persens_arr = [], persens_arr2 = [] var region_length = [] var region_length2 = [] //鞋垫分区的个数 var left_port = "/dev/tty.usbserial-14110" var right_port = "/dev/tty.usbserial-14130"//左右脚对应的串口号 var read_file = true var heatmapInstance = h337.create({ container: document.querySelector('.left_map') }); var heatmapInstance_top = h337.create({ container: document.querySelector('.left_map_top') }); var heatmapInstance_middle = h337.create({ container: document.querySelector('.left_map_middle') }); var heatmapInstance_buttom = h337.create({ container: document.querySelector('.left_map_buttom') }); var heatmapInstance2 = h337.create({ container: document.querySelector('.right_map') }); var heatmapInstance2_top = h337.create({ container: document.querySelector('.right_map_top') }); var heatmapInstance2_middle = h337.create({ container: document.querySelector('.right_map_middle') }); var heatmapInstance2_buttom = h337.create({ container: document.querySelector('.right_map_buttom') }); var dom = document.getElementById('chart-container'); var myChart = echarts.init(dom, 'dark', { renderer: 'canvas', useDirtyRect: false }); myChart.setOption( (option = { visualMap: { show: false, min: 0, max: 3000, inRange: { color: [ '#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026' ] } }, xAxis3D: { type: 'value' }, yAxis3D: { type: 'value' }, zAxis3D: { type: 'value', max: 3000, min: 0 }, grid3D: { axisLine: { lineStyle: { color: '#fff' } }, axisPointer: { lineStyle: { color: '#fff' } }, viewControl: { // autoRotate: true }, light: { main: { shadow: true, quality: 'ultra', intensity: 1.5 } } }, series: [ { type: 'bar3D', data: new_3d_data, shading: 'lambert', label: { formatter: function (param) { return param.value[2].toFixed(1); } } } ] }) ); // 输出值转化为压力值 function transfor(num){ let num1 = num/9500/0.014/9.8 return num1 } console.log(transfor(70000)) //页面初始化时进行分区 $(document).ready(function(){ for(let i=0;i<region_data_right.length;i++){ let data_left = region_data_right[i][`region${i+1}`] region_length.push(data_left.length) for(let a=0;a<data_left.length;a++){ let demo = $(`${data_left[a]}`) demo.addClass(`region${i+1}`) } } for(let i=0;i<region_data_left.length;i++){ let data_left = region_data_left[i][`region${i+1}`] region_length2.push(data_left.length) for(let a=0;a<data_left.length;a++){ let demo = $(`${data_left[a]}`) demo.addClass(`region${i+1}`) } } }) // 精准到毫秒 function getNowTime () { const date = new Date() const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() < 10 ? '0' + date.getHours() : date.getHours() const minute = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes() const second = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds() const milliSeconds = date.getMilliseconds() //毫秒 const currentTime = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second + '.' + milliSeconds return currentTime } //根据数值返回颜色 function opcity_end(num){ if(num<50){ return 0.1 }else if(num<100){ return 0.2 }else if(num<150){ return 0.3 }else if(num<200){ return 0.4 }else if(num<250){ return 0.5 }else if(num<300){ return 0.6 }else if(num<350){ return 0.7 }else if(num<400){ return 0.8 }else if(num<500){ return 0.9 }else{ return 1 } } //根据序号返回ABCD包 function trueID(num){ if(num==0){ return 'A' }else if(num==1){ return 'B' }else if(num==2){ return 'C' }else if(num==3){ return 'D' } } function trueID2(num){ if(num==0){ return 'A2' }else if(num==1){ return 'B2' }else if(num==2){ return 'C2' }else if(num==3){ return 'D2' } } // 一维数组转多维 function fun(fromArr,mountOfEachLine) { // let newArr = []; // let len = fromArr.length; // let lineNum = len % mountOfEachLine == 0 ? len / mountOfEachLine : Math.ceil(len / mountOfEachLine); // for (let i = 0; i < lineNum; i++) { // let tempElement = fromArr.slice(i*mountOfEachLine,(i+1)*mountOfEachLine); // newArr.push(tempElement); // } // return newArr; var arr2 = []; let len = fromArr.length; for (let i = 0, j = 0; i < len; i += mountOfEachLine, j++) { arr2[j] = fromArr.splice(0, mountOfEachLine); } return arr2; } //小数转化百分比 function toPercent(point){ let percent = Number(point*100).toFixed(3) percent += "%" return percent } //导出CSV方法 function tableToExcel(data,filename){ //列标题，逗号隔开，每一个逗号就是隔开一个单元格 let str = ``; //增加\t为了不让表格显示科学计数法或者其他格式 for(let i = 0 ; i < data.length ; i++ ){ if(i == data.length-1){ str+=`${data[i].data.join(',')}`; }else{ str+=`${data[i].data.join(',') + '\t'},`; str+='\n'; } } //encodeURIComponent解决中文乱码 let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str); //通过创建a标签实现 let link = document.createElement("a"); link.href = uri; //对下载的文件命名 link.download = filename; document.body.appendChild(link); link.click(); document.body.removeChild(link); } //创建连接服务端的socket var socket = io('http://127.0.0.1:3001'); //更改图表数据方法 function addData(chart, num, label, data) { chart.data.labels.push(label) chart.data.labels.shift() chart.data.datasets[num].data.push(data) chart.data.datasets[num].data.shift() chart.update() } //echarts图表 var ctx = document.getElementById('chart').getContext('2d'); var lineChart = new Chart(ctx, { type: 'line', data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ label: 'region1', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#1D38C3', ], borderWidth: 3, fill: false }, { label: 'region2', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#FF4C4F', ], borderWidth: 3, fill: false }, { label: 'region3', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#fdec3d', ], borderWidth: 3, fill: false }, { label: 'region4', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#73d13d', ], borderWidth: 3, fill: false }, { label: 'region5', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#41a8ff', ], borderWidth: 3, fill: false }, { label: 'region6', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#37cfca', ], borderWidth: 3, fill: false }, { label: 'region7', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#ffa940', ], borderWidth: 3, fill: false }, { label: 'region8', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#f75baa', ], borderWidth: 3, fill: false }, { label: 'region9', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#9153de', ], borderWidth: 3, fill: false } ] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true, steps: 100, stepValue: 10, max: 1500 } }] }, animation: true, animationEasing: 'easeInOutQuart', animationSteps: 80 } }); var ctx2 = document.getElementById('chart2').getContext('2d'); var lineChart2 = new Chart(ctx2, { type: 'line', data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ label: 'region1', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#1D38C3', ], borderWidth: 3, fill: false }, { label: 'region2', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#FF4C4F', ], borderWidth: 3, fill: false }, { label: 'region3', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#fdec3d', ], borderWidth: 3, fill: false }, { label: 'region4', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#73d13d', ], borderWidth: 3, fill: false }, { label: 'region5', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#41a8ff', ], borderWidth: 3, fill: false }, { label: 'region6', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#37cfca', ], borderWidth: 3, fill: false }, { label: 'region7', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#ffa940', ], borderWidth: 3, fill: false }, { label: 'region8', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#f75baa', ], borderWidth: 3, fill: false }, { label: 'region9', data: [0, 0, 0, 0, 0, 0], borderColor: [ '#9153de', ], borderWidth: 3, fill: false } ] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true, steps: 100, stepValue: 10, max: 1500 } }] }, animation: true, animationEasing: 'easeInOutQuart', animationSteps: 80 } }); // 开始按钮 $('.start').click(function(){ socket = io('http://127.0.0.1:3001') $('.start').attr('disabled',true) $('.last').attr('disabled',true) $('.next').attr('disabled',true) $('.back').attr('disabled',true) //关闭回放功能 $('.download').attr('disabled',true) if(!clear){ // $('#excel-file-left').val() = '' // $('#excel-file-right').val() = '' console.log("清空了") arr_arr = [] arr_arr2 = [] //清除上一次数据 sum_9_region = [[],[],[],[],[],[],[],[],[]] sum_9_region2 = [[],[],[],[],[],[],[],[],[]] persens_arr = [] persens_arr2 = [] } clear = true clearInterval(timer) socket.open() //打开socket socket.on('output',(data1)=>{ if(data1.serialport == right_port){ let data = data1.data let data_end = data1.data.flat(Infinity) for(let i=0;i<data_map.data.length;i++){ data_map2.data[i].value = data_end[i] data_map2.data[i].radius = data_end[i]<10?0:50 data_map2_top.data[i].value = data_end[i] data_map2_top.data[i].radius = data_end[i]<10?0:50 data_map2_middle.data[i].value = data_end[i] data_map2_middle.data[i].radius = data_end[i]<10?0:50 data_map2_buttom.data[i].value = data_end[i] data_map2_buttom.data[i].radius = data_end[i]<10?0:50 } heatmapInstance2.setData(data_map2); heatmapInstance2_top.setData(data_map2_top); heatmapInstance2_middle.setData(data_map2_middle); heatmapInstance2_buttom.setData(data_map2_buttom); for(let i=0;i<data_arr_option.length;i++){ new_3d_data[data_arr_option[i]][2] = data_end[i] } // myC arr_arr.push(data1) for(let i=0;i<data.length;i++){ for(let x=0;x<data[i].length;x++){ let id_end = trueID(i) // let clor = clor_end(data[i][x]) // $(`#${id_end} .data${x}`).css({'background':clor}) $(`#${id_end} .data${x}`).attr('value',`${data[i][x]}`) // sum_99 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region1'){ sum_region1 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region2'){ sum_region2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region3'){ sum_region3 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region4'){ sum_region4 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region5'){ sum_region5 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region6'){ sum_region6 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region7'){ sum_region7 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) } if(i==data.length-1&&x==data[i].length-1){ sum_99 = sum_region1+sum_region2+sum_region3+sum_region4+sum_region5+sum_region6+sum_region7+sum_region8+sum_region9 sum_9_region[0].push(sum_region1) sum_9_region[1].push(sum_region2) sum_9_region[2].push(sum_region3) sum_9_region[3].push(sum_region4) sum_9_region[4].push(sum_region5) sum_9_region[5].push(sum_region6) sum_9_region[6].push(sum_region7) $('.dataRight .region1 .ave').text((sum_region1/region_length[0]).toFixed(5)); $('.dataRight .region1 .pr').text(toPercent((sum_region1/sum_99).toFixed(5))); $('.dataRight .region2 .ave').text((sum_region2/region_length[1]).toFixed(5)); $('.dataRight .region2 .pr').text(toPercent((sum_region2/sum_99).toFixed(5))); $('.dataRight .region3 .ave').text((sum_region3/region_length[2]).toFixed(5)); $('.dataRight .region3 .pr').text(toPercent((sum_region3/sum_99).toFixed(5))); $('.dataRight .region4 .ave').text((sum_region4/region_length[3]).toFixed(5)); $('.dataRight .region4 .pr').text(toPercent((sum_region4/sum_99).toFixed(5))); $('.dataRight .region5 .ave').text((sum_region5/region_length[4]).toFixed(5)); $('.dataRight .region5 .pr').text(toPercent((sum_region5/sum_99).toFixed(5))); $('.dataRight .region6 .ave').text((sum_region6/region_length[5]).toFixed(5)); $('.dataRight .region6 .pr').text(toPercent((sum_region6/sum_99).toFixed(5))); $('.dataRight .region7 .ave').text((sum_region7/region_length[6]).toFixed(5)); $('.dataRight .region7 .pr').text(toPercent((sum_region7/sum_99).toFixed(5))); $('.fbox2 .region_1').css({opacity: opcity_end(sum_region1/region_length[0])}) $('.fbox2 .region_2').css({opacity: opcity_end(sum_region2/region_length[1])}) $('.fbox2 .region_3').css({opacity: opcity_end(sum_region3/region_length[2])}) $('.fbox2 .region_4').css({opacity: opcity_end(sum_region4/region_length[3])}) $('.fbox2 .region_5').css({opacity: opcity_end(sum_region5/region_length[4])}) $('.fbox2 .region_6').css({opacity: opcity_end(sum_region6/region_length[5])}) $('.fbox2 .region_7').css({opacity: opcity_end(sum_region7/region_length[6])}) addData(lineChart, 0, 'time3',(sum_region1/region_length[0]).toFixed(5)) addData(lineChart, 1, 'time3',(sum_region2/region_length[1]).toFixed(5)) addData(lineChart, 2, 'time3',(sum_region3/region_length[2]).toFixed(5)) addData(lineChart, 3, 'time3',(sum_region4/region_length[3]).toFixed(5)) addData(lineChart, 4, 'time3',(sum_region5/region_length[4]).toFixed(5)) addData(lineChart, 5, 'time3',(sum_region6/region_length[5]).toFixed(5)) addData(lineChart, 6, 'time3',(sum_region7/region_length[6]).toFixed(5)) } } } sum_99 = 0;sum_region1 = 0;sum_region2 = 0;sum_region3 = 0;sum_region4 = 0;sum_region5 = 0;sum_region6 = 0;sum_region7 = 0;sum_region8 = 0;sum_region9 = 0 }else if(data1.serialport == left_port){ let data = data1.data let data_end = data1.data.flat(Infinity) for(let i=0;i<data_map.data.length;i++){ data_map.data[i].value = data_end[i] data_map.data[i].radius = data_end[i]<10?0:50 data_map_top.data[i].value = data_end[i] data_map_top.data[i].radius = data_end[i]<10?0:50 data_map_middle.data[i].value = data_end[i] data_map_middle.data[i].radius = data_end[i]<10?0:50 data_map_buttom.data[i].value = data_end[i] data_map_buttom.data[i].radius = data_end[i]<10?0:50 } heatmapInstance.setData(data_map); heatmapInstance_top.setData(data_map_top); heatmapInstance_middle.setData(data_map_middle); heatmapInstance_buttom.setData(data_map_buttom); arr_arr2.push(data1) for(let i=0;i<data.length;i++){ for(let x=0;x<data[i].length;x++){ let id_end = trueID2(i) // let clor = clor_end(data[i][x]) // $(`#${id_end} .data${x}`).css({'background':clor}) $(`#${id_end} .data${x}`).attr('value',`${data[i][x]}`) // sum_99 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region1'){ sum_region1_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region2'){ sum_region2_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region3'){ sum_region3_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region4'){ sum_region4_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region5'){ sum_region5_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region6'){ sum_region6_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region7'){ sum_region7_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) } if(i==data.length-1&&x==data[i].length-1){ sum_99_2 = sum_region1_2+sum_region2_2+sum_region3_2+sum_region4_2+sum_region5_2+sum_region6_2+sum_region7_2+sum_region8_2+sum_region9_2 sum_9_region2[0].push(sum_region1_2) sum_9_region2[1].push(sum_region2_2) sum_9_region2[2].push(sum_region3_2) sum_9_region2[3].push(sum_region4_2) sum_9_region2[4].push(sum_region5_2) sum_9_region2[5].push(sum_region6_2) sum_9_region2[6].push(sum_region7_2) $('.dataLeft .region1 .ave').text((sum_region1_2/region_length2[0]).toFixed(5)); $('.dataLeft .region1 .pr').text(toPercent((sum_region1_2/sum_99_2).toFixed(5))); $('.dataLeft .region2 .ave').text((sum_region2_2/region_length2[1]).toFixed(5)); $('.dataLeft .region2 .pr').text(toPercent((sum_region2_2/sum_99_2).toFixed(5))); $('.dataLeft .region3 .ave').text((sum_region3_2/region_length2[2]).toFixed(5)); $('.dataLeft .region3 .pr').text(toPercent((sum_region3_2/sum_99_2).toFixed(5))); $('.dataLeft .region4 .ave').text((sum_region4_2/region_length2[3]).toFixed(5)); $('.dataLeft .region4 .pr').text(toPercent((sum_region4_2/sum_99_2).toFixed(5))); $('.dataLeft .region5 .ave').text((sum_region5_2/region_length2[4]).toFixed(5)); $('.dataLeft .region5 .pr').text(toPercent((sum_region5_2/sum_99_2).toFixed(5))); $('.dataLeft .region6 .ave').text((sum_region6_2/region_length2[5]).toFixed(5)); $('.dataLeft .region6 .pr').text(toPercent((sum_region6_2/sum_99_2).toFixed(5))); $('.dataLeft .region7 .ave').text((sum_region7_2/region_length2[6]).toFixed(5)); $('.dataLeft .region7 .pr').text(toPercent((sum_region7_2/sum_99_2).toFixed(5))); $('.fbox .region_1').css({opacity: opcity_end(sum_region1_2/region_length2[0])}) $('.fbox .region_2').css({opacity: opcity_end(sum_region2_2/region_length2[1])}) $('.fbox .region_3').css({opacity: opcity_end(sum_region3_2/region_length2[2])}) $('.fbox .region_4').css({opacity: opcity_end(sum_region4_2/region_length2[3])}) $('.fbox .region_5').css({opacity: opcity_end(sum_region5_2/region_length2[4])}) $('.fbox .region_6').css({opacity: opcity_end(sum_region6_2/region_length2[5])}) $('.fbox .region_7').css({opacity: opcity_end(sum_region7_2/region_length2[6])}) addData(lineChart2, 0, 'time3',(sum_region1_2/region_length2[0]).toFixed(5)) addData(lineChart2, 1, 'time3',(sum_region2_2/region_length2[1]).toFixed(5)) addData(lineChart2, 2, 'time3',(sum_region3_2/region_length2[2]).toFixed(5)) addData(lineChart2, 3, 'time3',(sum_region4_2/region_length2[3]).toFixed(5)) addData(lineChart2, 4, 'time3',(sum_region5_2/region_length2[4]).toFixed(5)) addData(lineChart2, 5, 'time3',(sum_region6_2/region_length2[5]).toFixed(5)) addData(lineChart2, 6, 'time3',(sum_region7_2/region_length2[6]).toFixed(5)) } } } sum_99_2 = 0;sum_region1_2 = 0;sum_region2_2 = 0;sum_region3_2 = 0;sum_region4_2 = 0;sum_region5_2 = 0;sum_region6_2 = 0;sum_region7_2 = 0;sum_region8_2 = 0;sum_region9_2 = 0 } }) }) //结束按钮 $('.end').click(function(){ console.log(sum_9_region) // var socket = io('http://127.0.0.1:3001'); // console.log(sum_9_region,sum_9_region2) if(arr_arr.length == 0&&arr_arr2.length == 0){ alert("暂无数据") $('.start').attr('disabled',false) }else{ if(arr_arr.length!=0&&arr_arr2.length!=0){ let region1_end = transfor((eval(sum_9_region[0].join('+'))/sum_9_region[0].length)) let region2_end = transfor((eval(sum_9_region[1].join('+'))/sum_9_region[1].length)) let region3_end = transfor((eval(sum_9_region[2].join('+'))/sum_9_region[2].length)) let region4_end = transfor((eval(sum_9_region[3].join('+'))/sum_9_region[3].length)) let region5_end = transfor((eval(sum_9_region[4].join('+'))/sum_9_region[4].length)) let region6_end = transfor((eval(sum_9_region[5].join('+'))/sum_9_region[5].length)) let region7_end = transfor((eval(sum_9_region[6].join('+'))/sum_9_region[6].length)) let sum_region = region1_end+region2_end+region3_end+region4_end+region5_end+region6_end+region7_end $('.dataRight .region1_2 .ave').text(region1_end.toFixed(5)); $('.dataRight .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region2_2 .ave').text(region2_end.toFixed(5)); $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region3_2 .ave').text(region3_end.toFixed(5)); $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region4_2 .ave').text(region4_end.toFixed(5)); $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region5_2 .ave').text(region5_end.toFixed(5)); $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region6_2 .ave').text(region6_end.toFixed(5)); $('.dataRight .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region7_2 .ave').text(region7_end.toFixed(5)); $('.dataRight .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .sum_region_2 .ave').text(sum_region.toFixed(5)); let region1_end2 = transfor((eval(sum_9_region2[0].join('+'))/sum_9_region2[0].length)) let region2_end2 = transfor((eval(sum_9_region2[1].join('+'))/sum_9_region2[1].length)) let region3_end2 = transfor((eval(sum_9_region2[2].join('+'))/sum_9_region2[2].length)) let region4_end2 = transfor((eval(sum_9_region2[3].join('+'))/sum_9_region2[3].length)) let region5_end2 = transfor((eval(sum_9_region2[4].join('+'))/sum_9_region2[4].length)) let region6_end2 = transfor((eval(sum_9_region2[5].join('+'))/sum_9_region2[5].length)) let region7_end2 = transfor((eval(sum_9_region2[6].join('+'))/sum_9_region2[6].length)) let sum_region2 = region1_end2+region2_end2+region3_end2+region4_end2+region5_end2+region6_end2+region7_end2 $('.dataLeft .region1_2 .ave').text(region1_end2.toFixed(5)); $('.dataLeft .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region2_2 .ave').text(region2_end2.toFixed(5)); $('.dataLeft .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region3_2 .ave').text(region3_end2.toFixed(5)); $('.dataLeft .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region4_2 .ave').text(region4_end2.toFixed(5)); $('.dataLeft .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region5_2 .ave').text(region5_end2.toFixed(5)); $('.dataLeft .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region6_2 .ave').text(region6_end2.toFixed(5)); $('.dataLeft .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region7_2 .ave').text(region7_end2.toFixed(5)); $('.dataLeft .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .sum_region_2 .ave').text(sum_region2.toFixed(5)); }else if(arr_arr.length == 0){ let region1_end2 = transfor((eval(sum_9_region2[0].join('+'))/sum_9_region2[0].length)) let region2_end2 = transfor((eval(sum_9_region2[1].join('+'))/sum_9_region2[1].length)) let region3_end2 = transfor((eval(sum_9_region2[2].join('+'))/sum_9_region2[2].length)) let region4_end2 = transfor((eval(sum_9_region2[3].join('+'))/sum_9_region2[3].length)) let region5_end2 = transfor((eval(sum_9_region2[4].join('+'))/sum_9_region2[4].length)) let region6_end2 = transfor((eval(sum_9_region2[5].join('+'))/sum_9_region2[5].length)) let region7_end2 = transfor((eval(sum_9_region2[6].join('+'))/sum_9_region2[6].length)) let sum_region2 = region1_end2+region2_end2+region3_end2+region4_end2+region5_end2+region6_end2+region7_end2 $('.dataLeft .region1_2 .ave').text(region1_end2.toFixed(5)); $('.dataLeft .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region2_2 .ave').text(region2_end2.toFixed(5)); $('.dataLeft .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region3_2 .ave').text(region3_end2.toFixed(5)); $('.dataLeft .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region4_2 .ave').text(region4_end2.toFixed(5)); $('.dataLeft .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region5_2 .ave').text(region5_end2.toFixed(5)); $('.dataLeft .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region6_2 .ave').text(region6_end2.toFixed(5)); $('.dataLeft .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region7_2 .ave').text(region7_end2.toFixed(5)); $('.dataLeft .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .sum_region_2 .ave').text(sum_region2.toFixed(5)); }else if(arr_arr2.length == 0){ let region1_end = transfor((eval(sum_9_region[0].join('+'))/sum_9_region[0].length)) let region2_end = transfor((eval(sum_9_region[1].join('+'))/sum_9_region[1].length)) let region3_end = transfor((eval(sum_9_region[2].join('+'))/sum_9_region[2].length)) let region4_end = transfor((eval(sum_9_region[3].join('+'))/sum_9_region[3].length)) let region5_end = transfor((eval(sum_9_region[4].join('+'))/sum_9_region[4].length)) let region6_end = transfor((eval(sum_9_region[5].join('+'))/sum_9_region[5].length)) let region7_end = transfor((eval(sum_9_region[6].join('+'))/sum_9_region[6].length)) let sum_region = region1_end+region2_end+region3_end+region4_end+region5_end+region6_end+region7_end $('.dataRight .region1_2 .ave').text(region1_end.toFixed(5)); $('.dataRight .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region2_2 .ave').text(region2_end.toFixed(5)); $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region3_2 .ave').text(region3_end.toFixed(5)); $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region4_2 .ave').text(region4_end.toFixed(5)); $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region5_2 .ave').text(region5_end.toFixed(5)); $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region6_2 .ave').text(region6_end.toFixed(5)); $('.dataRight .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region7_2 .ave').text(region7_end.toFixed(5)); $('.dataRight .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .sum_region_2 .ave').text(sum_region.toFixed(5)); } step = 0 step2 = 0 for(let i=0;i<sum_9_region.length;i++){ let data_end_region = eval(sum_9_region[i].join('+')) persens_arr.push(data_end_region) } clear = false socket.destroy(); // socket.disconnect(true) // socket.close(false) //关闭socket不再接收传回的数据 clearInterval(timer) $('.start').attr('disabled',false) $('.last').attr('disabled',false) $('.next').attr('disabled',false) $('.back').attr('disabled',false) //开启回放功能 $('.download').attr('disabled',false) } }) //回放功能 $('.back').click(function(){ if(arr_arr.length == 0&&arr_arr2.length == 0){ alert('暂无数据') }else{ sum_9_region = [[],[],[],[],[],[],[],[],[]], sum_9_region2 = [[],[],[],[],[],[],[],[],[]], clear = false timer = setInterval(function(){ let data_end_left = arr_arr2[step2]?.data.flat(Infinity) let data_end_right = arr_arr[step]?.data.flat(Infinity) if(arr_arr.length!=0&&arr_arr2.length!=0){ step == arr_arr.length-1?arr_arr.length-1:step++ step2 == arr_arr2.length-1?arr_arr2.length-1:step2++ for(let i=0;i<data_map.data?.length;i++){ data_map.data[i].value = data_end_left[i] data_map.data[i].radius = data_end_left[i]<10?0:50 data_map_top.data[i].value = data_end_left[i] data_map_top.data[i].radius = data_end_left[i]<10?0:50 data_map_middle.data[i].value = data_end_left[i] data_map_middle.data[i].radius = data_end_left[i]<10?0:50 data_map_buttom.data[i].value = data_end_left[i] data_map_buttom.data[i].radius = data_end_left[i]<10?0:50 } for(let i=0;i<data_map2.data?.length;i++){ data_map2.data[i].value = parseInt(data_end_right[i]) data_map2.data[i].radius = parseInt(data_end_right[i])<10?0:50 data_map2_top.data[i].value = data_end_right[i] data_map2_top.data[i].radius = data_end_right[i]<10?0:50 data_map2_middle.data[i].value = data_end_right[i] data_map2_middle.data[i].radius = data_end_right[i]<10?0:50 data_map2_buttom.data[i].value = data_end_right[i] data_map2_buttom.data[i].radius = data_end_right[i]<10?0:50 } }else if(arr_arr.length == 0&&arr_arr2.length!=0){ step = 0 step2 == arr_arr2.length-1?arr_arr2.length-1:step2++ for(let i=0;i<data_map.data?.length;i++){ data_map.data[i].value = data_end_left[i] data_map.data[i].radius = data_end_left[i]<10?0:50 data_map_top.data[i].value = data_end_left[i] data_map_top.data[i].radius = data_end_left[i]<10?0:50 data_map_middle.data[i].value = data_end_left[i] data_map_middle.data[i].radius = data_end_left[i]<10?0:50 data_map_buttom.data[i].value = data_end_left[i] data_map_buttom.data[i].radius = data_end_left[i]<10?0:50 } }else if(arr_arr2.length == 0&&arr_arr.length!=0){ step2 = 0 step == arr_arr.length-1?arr_arr.length-1:step++ for(let i=0;i<data_map2.data?.length;i++){ data_map2.data[i].value = data_end_right[i] data_map2.data[i].radius = data_end_right[i]<10?0:50 data_map2_top.data[i].value = data_end_right[i] data_map2_top.data[i].radius = data_end_right[i]<10?0:50 data_map2_middle.data[i].value = data_end_right[i] data_map2_middle.data[i].radius = data_end_right[i]<10?0:50 data_map2_buttom.data[i].value = data_end_right[i] data_map2_buttom.data[i].radius = data_end_right[i]<10?0:50 } } heatmapInstance.setData(data_map); heatmapInstance_top.setData(data_map_top); heatmapInstance_middle.setData(data_map_middle); heatmapInstance_buttom.setData(data_map_buttom); heatmapInstance2.setData(data_map2); heatmapInstance2_top.setData(data_map2_top); heatmapInstance2_middle.setData(data_map2_middle); heatmapInstance2_buttom.setData(data_map2_buttom); for(let i=0;i<arr_arr[step]?.data.length;i++){ for(let x=0;x<arr_arr[step].data[i].length;x++){ let id_end = trueID(i) // let clor = clor_end(arr_arr[step][i][x]) // $(`#${id_end} .data${x}`).css({'background':clor}) $(`#${id_end} .data${x}`).attr('value',`${arr_arr[step].data[i][x]}`) if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region1'){ sum_region1 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region2'){ sum_region2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region3'){ sum_region3 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region4'){ sum_region4 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region5'){ sum_region5 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region6'){ sum_region6 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region7'){ sum_region7 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) } if(i==arr_arr[step].data.length-1&&x==arr_arr[step].data[i].length-1){ sum_99 = sum_region1+sum_region2+sum_region3+sum_region4+sum_region5+sum_region6+sum_region7+sum_region8+sum_region9 sum_9_region[0].push(sum_region1) sum_9_region[1].push(sum_region2) sum_9_region[2].push(sum_region3) sum_9_region[3].push(sum_region4) sum_9_region[4].push(sum_region5) sum_9_region[5].push(sum_region6) sum_9_region[6].push(sum_region7) $('.dataRight .region1 .ave').text((sum_region1/region_length[0]).toFixed(5)); $('.dataRight .region1 .pr').text(toPercent((sum_region1/sum_99).toFixed(5))); $('.dataRight .region2 .ave').text((sum_region2/region_length[1]).toFixed(5)); $('.dataRight .region2 .pr').text(toPercent((sum_region2/sum_99).toFixed(5))); $('.dataRight .region3 .ave').text((sum_region3/region_length[2]).toFixed(5)); $('.dataRight .region3 .pr').text(toPercent((sum_region3/sum_99).toFixed(5))); $('.dataRight .region4 .ave').text((sum_region4/region_length[3]).toFixed(5)); $('.dataRight .region4 .pr').text(toPercent((sum_region4/sum_99).toFixed(5))); $('.dataRight .region5 .ave').text((sum_region5/region_length[4]).toFixed(5)); $('.dataRight .region5 .pr').text(toPercent((sum_region5/sum_99).toFixed(5))); $('.dataRight .region6 .ave').text((sum_region6/region_length[5]).toFixed(5)); $('.dataRight .region6 .pr').text(toPercent((sum_region6/sum_99).toFixed(5))); $('.dataRight .region7 .ave').text((sum_region7/region_length[6]).toFixed(5)); $('.dataRight .region7 .pr').text(toPercent((sum_region7/sum_99).toFixed(5))); $('.fbox2 .region_1').css({opacity: opcity_end(sum_region1/region_length[0])}) $('.fbox2 .region_2').css({opacity: opcity_end(sum_region2/region_length[1])}) $('.fbox2 .region_3').css({opacity: opcity_end(sum_region3/region_length[2])}) $('.fbox2 .region_4').css({opacity: opcity_end(sum_region4/region_length[3])}) $('.fbox2 .region_5').css({opacity: opcity_end(sum_region5/region_length[4])}) $('.fbox2 .region_6').css({opacity: opcity_end(sum_region6/region_length[5])}) $('.fbox2 .region_7').css({opacity: opcity_end(sum_region7/region_length[6])}) addData(lineChart, 0, 'time',(sum_region1/region_length[0]).toFixed(5)) addData(lineChart, 1, 'time',(sum_region2/region_length[1]).toFixed(5)) addData(lineChart, 2, 'time',(sum_region3/region_length[2]).toFixed(5)) addData(lineChart, 3, 'time',(sum_region4/region_length[3]).toFixed(5)) addData(lineChart, 4, 'time',(sum_region5/region_length[4]).toFixed(5)) addData(lineChart, 5, 'time',(sum_region6/region_length[5]).toFixed(5)) addData(lineChart, 6, 'time',(sum_region7/region_length[6]).toFixed(5)) } } } for(let i=0;i<arr_arr2[step2]?.data.length;i++){ for(let x=0;x<arr_arr2[step2].data[i].length;x++){ let id_end = trueID2(i) // let clor = clor_end(arr_arr2[step2][i][x]) // $(`#${id_end} .data${x}`).css({'background':clor}) $(`#${id_end} .data${x}`).attr('value',`${arr_arr2[step2].data[i][x]}`) if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region1'){ sum_region1_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region2'){ sum_region2_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region3'){ sum_region3_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region4'){ sum_region4_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region5'){ sum_region5_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region6'){ sum_region6_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region7'){ sum_region7_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) } if(i==arr_arr2[step2]?.data.length-1&&x==arr_arr2[step2]?.data[i].length-1){ sum_99_2 = sum_region1_2+sum_region2_2+sum_region3_2+sum_region4_2+sum_region5_2+sum_region6_2+sum_region7_2+sum_region8_2+sum_region9_2 $('.dataLeft .region1 .ave').text((sum_region1_2/region_length2[0]).toFixed(5)); $('.dataLeft .region1 .pr').text(toPercent((sum_region1_2/sum_99_2).toFixed(5))); $('.dataLeft .region2 .ave').text((sum_region2_2/region_length2[1]).toFixed(5)); $('.dataLeft .region2 .pr').text(toPercent((sum_region2_2/sum_99_2).toFixed(5))); $('.dataLeft .region3 .ave').text((sum_region3_2/region_length2[2]).toFixed(5)); $('.dataLeft .region3 .pr').text(toPercent((sum_region3_2/sum_99_2).toFixed(5))); $('.dataLeft .region4 .ave').text((sum_region4_2/region_length2[3]).toFixed(5)); $('.dataLeft .region4 .pr').text(toPercent((sum_region4_2/sum_99_2).toFixed(5))); $('.dataLeft .region5 .ave').text((sum_region5_2/region_length2[4]).toFixed(5)); $('.dataLeft .region5 .pr').text(toPercent((sum_region5_2/sum_99_2).toFixed(5))); $('.dataLeft .region6 .ave').text((sum_region6_2/region_length2[5]).toFixed(5)); $('.dataLeft .region6 .pr').text(toPercent((sum_region6_2/sum_99_2).toFixed(5))); $('.dataLeft .region7 .ave').text((sum_region7_2/region_length2[6]).toFixed(5)); $('.dataLeft .region7 .pr').text(toPercent((sum_region7_2/sum_99_2).toFixed(5))); $('.fbox .region_1').css({opacity: opcity_end(sum_region1_2/region_length2[0])}) $('.fbox .region_2').css({opacity: opcity_end(sum_region2_2/region_length2[1])}) $('.fbox .region_3').css({opacity: opcity_end(sum_region3_2/region_length2[2])}) $('.fbox .region_4').css({opacity: opcity_end(sum_region4_2/region_length2[3])}) $('.fbox .region_5').css({opacity: opcity_end(sum_region5_2/region_length2[4])}) $('.fbox .region_6').css({opacity: opcity_end(sum_region6_2/region_length2[5])}) $('.fbox .region_7').css({opacity: opcity_end(sum_region7_2/region_length2[6])}) addData(lineChart2, 0, 'time2',(sum_region1_2/region_length2[0]).toFixed(5)) addData(lineChart2, 1, 'time2',(sum_region2_2/region_length2[1]).toFixed(5)) addData(lineChart2, 2, 'time2',(sum_region3_2/region_length2[2]).toFixed(5)) addData(lineChart2, 3, 'time2',(sum_region4_2/region_length2[3]).toFixed(5)) addData(lineChart2, 4, 'time2',(sum_region5_2/region_length2[4]).toFixed(5)) addData(lineChart2, 5, 'time2',(sum_region6_2/region_length2[5]).toFixed(5)) addData(lineChart2, 6, 'time2',(sum_region7_2/region_length2[6]).toFixed(5)) sum_9_region2[0].push(sum_region1_2) sum_9_region2[1].push(sum_region2_2) sum_9_region2[2].push(sum_region3_2) sum_9_region2[3].push(sum_region4_2) sum_9_region2[4].push(sum_region5_2) sum_9_region2[5].push(sum_region6_2) sum_9_region2[6].push(sum_region7_2) } } } heatmapInstance.setData(data_map); heatmapInstance2.setData(data_map2); if(arr_arr.length!=0&&arr_arr2.length!=0){ if(step == arr_arr.length-1&&step2 == arr_arr2.length-1){ clearInterval(timer) let region1_end = transfor((eval(sum_9_region[0].join('+'))/sum_9_region[0].length)) let region2_end = transfor((eval(sum_9_region[1].join('+'))/sum_9_region[1].length)) let region3_end = transfor((eval(sum_9_region[2].join('+'))/sum_9_region[2].length)) let region4_end = transfor((eval(sum_9_region[3].join('+'))/sum_9_region[3].length)) let region5_end = transfor((eval(sum_9_region[4].join('+'))/sum_9_region[4].length)) let region6_end = transfor((eval(sum_9_region[5].join('+'))/sum_9_region[5].length)) let region7_end = transfor((eval(sum_9_region[6].join('+'))/sum_9_region[6].length)) let sum_region = region1_end+region2_end+region3_end+region4_end+region5_end+region6_end+region7_end let region1_end2 = transfor((eval(sum_9_region2[0].join('+'))/sum_9_region2[0].length)) let region2_end2 = transfor((eval(sum_9_region2[1].join('+'))/sum_9_region2[1].length)) let region3_end2 = transfor((eval(sum_9_region2[2].join('+'))/sum_9_region2[2].length)) let region4_end2 = transfor((eval(sum_9_region2[3].join('+'))/sum_9_region2[3].length)) let region5_end2 = transfor((eval(sum_9_region2[4].join('+'))/sum_9_region2[4].length)) let region6_end2 = transfor((eval(sum_9_region2[5].join('+'))/sum_9_region2[5].length)) let region7_end2 = transfor((eval(sum_9_region2[6].join('+'))/sum_9_region2[6].length)) let sum_region2 = region1_end2+region2_end2+region3_end2+region4_end2+region5_end2+region6_end2+region7_end2 $('.dataRight .region1_2 .ave').text(region1_end.toFixed(5)); $('.dataRight .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region2_2 .ave').text(region2_end.toFixed(5)); $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region3_2 .ave').text(region3_end.toFixed(5)); $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region4_2 .ave').text(region4_end.toFixed(5)); $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region5_2 .ave').text(region5_end.toFixed(5)); $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region6_2 .ave').text(region6_end.toFixed(5)); $('.dataRight .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region7_2 .ave').text(region7_end.toFixed(5)); $('.dataRight .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .sum_region_2 .ave').text(sum_region.toFixed(5)); $('.dataLeft .region1_2 .ave').text(region1_end2.toFixed(5)); $('.dataLeft .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region2_2 .ave').text(region2_end2.toFixed(5)); $('.dataLeft .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region3_2 .ave').text(region3_end2.toFixed(5)); $('.dataLeft .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region4_2 .ave').text(region4_end2.toFixed(5)); $('.dataLeft .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region5_2 .ave').text(region5_end2.toFixed(5)); $('.dataLeft .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region6_2 .ave').text(region6_end2.toFixed(5)); $('.dataLeft .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region7_2 .ave').text(region7_end2.toFixed(5)); $('.dataLeft .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .sum_region_2 .ave').text(sum_region2.toFixed(5)); step = 0 step2 = 0 } }else if(arr_arr.length == 0){ if(step2 == arr_arr2.length-1){ let region1_end = transfor((eval(sum_9_region2[0].join('+'))/sum_9_region2[0].length)) let region2_end = transfor((eval(sum_9_region2[1].join('+'))/sum_9_region2[1].length)) let region3_end = transfor((eval(sum_9_region2[2].join('+'))/sum_9_region2[2].length)) let region4_end = transfor((eval(sum_9_region2[3].join('+'))/sum_9_region2[3].length)) let region5_end = transfor((eval(sum_9_region2[4].join('+'))/sum_9_region2[4].length)) let region6_end = transfor((eval(sum_9_region2[5].join('+'))/sum_9_region2[5].length)) let region7_end = transfor((eval(sum_9_region2[6].join('+'))/sum_9_region2[6].length)) let sum_region = region1_end+region2_end+region3_end+region4_end+region5_end+region6_end+region7_end $('.dataLeft .region1_2 .ave').text(region1_end.toFixed(5)); $('.dataLeft .region1_2 .pr').text(toPercent((eval(sum_9_region2[0].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region2_2 .ave').text(region2_end.toFixed(5)); $('.dataLeft .region2_2 .pr').text(toPercent((eval(sum_9_region2[1].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region3_2 .ave').text(region3_end.toFixed(5)); $('.dataLeft .region3_2 .pr').text(toPercent((eval(sum_9_region2[2].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region4_2 .ave').text(region4_end.toFixed(5)); $('.dataLeft .region4_2 .pr').text(toPercent((eval(sum_9_region2[3].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region5_2 .ave').text(region5_end.toFixed(5)); $('.dataLeft .region5_2 .pr').text(toPercent((eval(sum_9_region2[4].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region6_2 .ave').text(region6_end.toFixed(5)); $('.dataLeft .region6_2 .pr').text(toPercent((eval(sum_9_region2[5].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .region7_2 .ave').text(region7_end.toFixed(5)); $('.dataLeft .region7_2 .pr').text(toPercent((eval(sum_9_region2[6].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5))); $('.dataLeft .sum_region_2 .ave').text(sum_region.toFixed(5)); clearInterval(timer) step = 0 step2 = 0 } }else if(arr_arr2.length == 0){ if(step == arr_arr.length-1){ let region1_end = transfor((eval(sum_9_region[0].join('+'))/sum_9_region[0].length)) let region2_end = transfor((eval(sum_9_region[1].join('+'))/sum_9_region[1].length)) let region3_end = transfor((eval(sum_9_region[2].join('+'))/sum_9_region[2].length)) let region4_end = transfor((eval(sum_9_region[3].join('+'))/sum_9_region[3].length)) let region5_end = transfor((eval(sum_9_region[4].join('+'))/sum_9_region[4].length)) let region6_end = transfor((eval(sum_9_region[5].join('+'))/sum_9_region[5].length)) let region7_end = transfor((eval(sum_9_region[6].join('+'))/sum_9_region[6].length)) let sum_region = region1_end+region2_end+region3_end+region4_end+region5_end+region6_end+region7_end $('.dataRight .region1_2 .ave').text(region1_end.toFixed(5)); $('.dataRight .region1_2 .pr').text(toPercent((eval(sum_9_region[0].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region2_2 .ave').text(region2_end.toFixed(5)); $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region3_2 .ave').text(region3_end.toFixed(5)); $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region4_2 .ave').text(region4_end.toFixed(5)); $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region5_2 .ave').text(region5_end.toFixed(5)); $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region6_2 .ave').text(region6_end.toFixed(5)); $('.dataRight .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .region7_2 .ave').text(region7_end.toFixed(5)); $('.dataRight .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5))); $('.dataRight .sum_region_2 .ave').text(sum_region.toFixed(5)); clearInterval(timer) step = 0 step2 = 0 } } sum_99 = 0;sum_region1 = 0;sum_region2 = 0;sum_region3 = 0;sum_region4 = 0;sum_region5 = 0;sum_region6 = 0;sum_region7 = 0;sum_region8 = 0;sum_region9 = 0 sum_99_2 = 0;sum_region1_2 = 0;sum_region2_2 = 0;sum_region3_2 = 0;sum_region4_2 = 0;sum_region5_2 = 0;sum_region6_2 = 0;sum_region7_2 = 0;sum_region8_2 = 0;sum_region9_2 = 0 },40) } }) // 上一帧 $('.last').click(function(){ clearInterval(timer) clear = false step ==0?0:step-- step2 ==0?0:step2-- let data_end_left = arr_arr2[step2]?.data.flat(Infinity) let data_end_right = arr_arr[step]?.data.flat(Infinity) if(arr_arr.length!=0&&arr_arr2.length!=0){ for(let i=0;i<data_map.data?.length;i++){ data_map.data[i].value = data_end_left[i] data_map.data[i].radius = data_end_left[i]<10?0:50 } for(let i=0;i<data_map2.data?.length;i++){ data_map2.data[i].value = data_end_right[i] data_map2.data[i].radius = data_end_right[i]<10?0:50 } }else if(arr_arr.length == 0&&arr_arr2.length!=0){ for(let i=0;i<data_map.data?.length;i++){ data_map.data[i].value = data_end_left[i] data_map.data[i].radius = data_end_left[i]<10?0:50 } }else if(arr_arr2.length == 0&&arr_arr.length!=0){ for(let i=0;i<data_map2.data?.length;i++){ data_map2.data[i].value = data_end_right[i] data_map2.data[i].radius = data_end_right[i]<10?0:50 } } heatmapInstance.setData(data_map); heatmapInstance2.setData(data_map2); for(let i=0;i<arr_arr[step]?.data.length;i++){ for(let x=0;x<arr_arr[step].data[i].length;x++){ let id_end = trueID(i) // let clor = clor_end(arr_arr[step][i][x]) // $(`#${id_end} .data${x}`).css({'background':clor}) $(`#${id_end} .data${x}`).attr('value',`${arr_arr[step].data[i][x]}`) if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region1'){ sum_region1 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region2'){ sum_region2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region3'){ sum_region3 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region4'){ sum_region4 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region5'){ sum_region5 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region6'){ sum_region6 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region7'){ sum_region7 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) } if(i==arr_arr[step]?.data.length-1&&x==arr_arr[step].data[i].length-1){ sum_99 = sum_region1+sum_region2+sum_region3+sum_region4+sum_region5+sum_region6+sum_region7+sum_region8+sum_region9 $('.dataRight .region1 .ave').text((sum_region1/region_length[0]).toFixed(5)); $('.dataRight .region1 .pr').text(toPercent((sum_region1/sum_99).toFixed(5))); $('.dataRight .region2 .ave').text((sum_region2/region_length[1]).toFixed(5)); $('.dataRight .region2 .pr').text(toPercent((sum_region2/sum_99).toFixed(5))); $('.dataRight .region3 .ave').text((sum_region3/region_length[2]).toFixed(5)); $('.dataRight .region3 .pr').text(toPercent((sum_region3/sum_99).toFixed(5))); $('.dataRight .region4 .ave').text((sum_region4/region_length[3]).toFixed(5)); $('.dataRight .region4 .pr').text(toPercent((sum_region4/sum_99).toFixed(5))); $('.dataRight .region5 .ave').text((sum_region5/region_length[4]).toFixed(5)); $('.dataRight .region5 .pr').text(toPercent((sum_region5/sum_99).toFixed(5))); $('.dataRight .region6 .ave').text((sum_region6/region_length[5]).toFixed(5)); $('.dataRight .region6 .pr').text(toPercent((sum_region6/sum_99).toFixed(5))); $('.dataRight .region7 .ave').text((sum_region7/region_length[6]).toFixed(5)); $('.dataRight .region7 .pr').text(toPercent((sum_region7/sum_99).toFixed(5))); $('.fbox2 .region_1').css({opacity: opcity_end(sum_region1/region_length[0])}) $('.fbox2 .region_2').css({opacity: opcity_end(sum_region2/region_length[1])}) $('.fbox2 .region_3').css({opacity: opcity_end(sum_region3/region_length[2])}) $('.fbox2 .region_4').css({opacity: opcity_end(sum_region4/region_length[3])}) $('.fbox2 .region_5').css({opacity: opcity_end(sum_region5/region_length[4])}) $('.fbox2 .region_6').css({opacity: opcity_end(sum_region6/region_length[5])}) $('.fbox2 .region_7').css({opacity: opcity_end(sum_region7/region_length[6])}) addData(lineChart, 0, 'time',(sum_region1/region_length[0]).toFixed(5)) addData(lineChart, 1, 'time',(sum_region2/region_length[1]).toFixed(5)) addData(lineChart, 2, 'time',(sum_region3/region_length[2]).toFixed(5)) addData(lineChart, 3, 'time',(sum_region4/region_length[3]).toFixed(5)) addData(lineChart, 4, 'time',(sum_region5/region_length[4]).toFixed(5)) addData(lineChart, 5, 'time',(sum_region6/region_length[5]).toFixed(5)) addData(lineChart, 6, 'time',(sum_region7/region_length[6]).toFixed(5)) } } } for(let i=0;i<arr_arr2[step2]?.data.length;i++){ for(let x=0;x<arr_arr2[step2].data[i].length;x++){ let id_end = trueID2(i) // let clor = clor_end(arr_arr2[step2][i][x]) // $(`#${id_end} .data${x}`).css({'background':clor}) $(`#${id_end} .data${x}`).attr('value',`${arr_arr2[step2].data[i][x]}`) if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region1'){ sum_region1_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region2'){ sum_region2_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region3'){ sum_region3_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region4'){ sum_region4_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region5'){ sum_region5_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region6'){ sum_region6_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region7'){ sum_region7_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) } if(i==arr_arr2[step2].data.length-1&&x==arr_arr2[step2].data[i].length-1){ sum_99_2 = sum_region1_2+sum_region2_2+sum_region3_2+sum_region4_2+sum_region5_2+sum_region6_2+sum_region7_2+sum_region8_2+sum_region9_2 $('.dataLeft .region1 .ave').text((sum_region1_2/region_length2[0]).toFixed(5)); $('.dataLeft .region1 .pr').text(toPercent((sum_region1_2/sum_99_2).toFixed(5))); $('.dataLeft .region2 .ave').text((sum_region2_2/region_length2[1]).toFixed(5)); $('.dataLeft .region2 .pr').text(toPercent((sum_region2_2/sum_99_2).toFixed(5))); $('.dataLeft .region3 .ave').text((sum_region3_2/region_length2[2]).toFixed(5)); $('.dataLeft .region3 .pr').text(toPercent((sum_region3/sum_99_2).toFixed(5))); $('.dataLeft .region4 .ave').text((sum_region4_2/region_length2[3]).toFixed(5)); $('.dataLeft .region4 .pr').text(toPercent((sum_region4_2/sum_99_2).toFixed(5))); $('.dataLeft .region5 .ave').text((sum_region5_2/region_length2[4]).toFixed(5)); $('.dataLeft .region5 .pr').text(toPercent((sum_region5_2/sum_99_2).toFixed(5))); $('.dataLeft .region6 .ave').text((sum_region6_2/region_length2[5]).toFixed(5)); $('.dataLeft .region6 .pr').text(toPercent((sum_region6_2/sum_99_2).toFixed(5))); $('.dataLeft .region7 .ave').text((sum_region7_2/region_length2[6]).toFixed(5)); $('.dataLeft .region7 .pr').text(toPercent((sum_region7_2/sum_99_2).toFixed(5))); $('.fbox .region_1').css({opacity: opcity_end(sum_region1_2/region_length2[0])}) $('.fbox .region_2').css({opacity: opcity_end(sum_region2_2/region_length2[1])}) $('.fbox .region_3').css({opacity: opcity_end(sum_region3_2/region_length2[2])}) $('.fbox .region_4').css({opacity: opcity_end(sum_region4_2/region_length2[3])}) $('.fbox .region_5').css({opacity: opcity_end(sum_region5_2/region_length2[4])}) $('.fbox .region_6').css({opacity: opcity_end(sum_region6_2/region_length2[5])}) $('.fbox .region_7').css({opacity: opcity_end(sum_region7_2/region_length2[6])}) addData(lineChart2, 0, 'time2',(sum_region1_2/region_length2[0]).toFixed(5)) addData(lineChart2, 1, 'time2',(sum_region2_2/region_length2[1]).toFixed(5)) addData(lineChart2, 2, 'time2',(sum_region3_2/region_length2[2]).toFixed(5)) addData(lineChart2, 3, 'time2',(sum_region4_2/region_length2[3]).toFixed(5)) addData(lineChart2, 4, 'time2',(sum_region5_2/region_length2[4]).toFixed(5)) addData(lineChart2, 5, 'time2',(sum_region6_2/region_length2[5]).toFixed(5)) addData(lineChart2, 6, 'time2',(sum_region7_2/region_length2[6]).toFixed(5)) } } } sum_99 = 0;sum_region1 = 0;sum_region2 = 0;sum_region3 = 0;sum_region4 = 0;sum_region5 = 0;sum_region6 = 0;sum_region7 = 0;sum_region8 = 0;sum_region9 = 0 sum_99_2 = 0;sum_region1_2 = 0;sum_region2_2 = 0;sum_region3_2 = 0;sum_region4_2 = 0;sum_region5_2 = 0;sum_region6_2 = 0;sum_region7_2 = 0;sum_region8_2 = 0;sum_region9_2 = 0 }) //下一帧 $('.next').click(function(){ clearInterval(timer) clear = false let data_end_left = arr_arr2[step2]?.data.flat(Infinity) let data_end_right = arr_arr[step]?.data.flat(Infinity) if(arr_arr.length!=0&&arr_arr2.length!=0){ step == arr_arr.length-1?arr_arr.length-1:step++ step2 == arr_arr2.length-1?arr_arr2.length-1:step2++ for(let i=0;i<data_map.data?.length;i++){ data_map.data[i].value = data_end_left[i] data_map.data[i].radius = data_end_left[i]<10?0:50 } for(let i=0;i<data_map2.data?.length;i++){ data_map2.data[i].value = data_end_right[i] data_map2.data[i].radius = data_end_right[i]<10?0:50 } }else if(arr_arr.length == 0&&arr_arr2.length!=0){ step = 0 step2 == arr_arr2.length-1?arr_arr2.length-1:step2++ for(let i=0;i<data_map.data?.length;i++){ data_map.data[i].value = data_end_left[i] data_map.data[i].radius = data_end_left[i]<10?0:50 } }else if(arr_arr2.length == 0&&arr_arr.length!=0){ step2 = 0 step == arr_arr.length-1?arr_arr.length-1:step++ for(let i=0;i<data_map2.data?.length;i++){ data_map2.data[i].value = data_end_right[i] data_map2.data[i].radius = data_end_right[i]<10?0:50 } } heatmapInstance.setData(data_map); heatmapInstance2.setData(data_map2); for(let i=0;i<arr_arr[step]?.data.length;i++){ for(let x=0;x<arr_arr[step].data[i].length;x++){ let id_end = trueID(i) // let clor = clor_end(arr_arr[step][i][x]) // $(`#${id_end} .data${x}`).css({'background':clor}) $(`#${id_end} .data${x}`).attr('value',`${arr_arr[step].data[i][x]}`) if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region1'){ sum_region1 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region2'){ sum_region2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region3'){ sum_region3 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region4'){ sum_region4 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region5'){ sum_region5 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region6'){ sum_region6 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region7'){ sum_region7 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) } if(i==arr_arr[step].data.length-1&&x==arr_arr[step].data[i].length-1){ sum_99 = sum_region1+sum_region2+sum_region3+sum_region4+sum_region5+sum_region6+sum_region7+sum_region8+sum_region9 $('.dataRight .region1 .ave').text((sum_region1/region_length[0]).toFixed(5)); $('.dataRight .region1 .pr').text(toPercent((sum_region1/sum_99).toFixed(5))); $('.dataRight .region2 .ave').text((sum_region2/region_length[1]).toFixed(5)); $('.dataRight .region2 .pr').text(toPercent((sum_region2/sum_99).toFixed(5))); $('.dataRight .region3 .ave').text((sum_region3/region_length[2]).toFixed(5)); $('.dataRight .region3 .pr').text(toPercent((sum_region3/sum_99).toFixed(5))); $('.dataRight .region4 .ave').text((sum_region4/region_length[3]).toFixed(5)); $('.dataRight .region4 .pr').text(toPercent((sum_region4/sum_99).toFixed(5))); $('.dataRight .region5 .ave').text((sum_region5/region_length[4]).toFixed(5)); $('.dataRight .region5 .pr').text(toPercent((sum_region5/sum_99).toFixed(5))); $('.dataRight .region6 .ave').text((sum_region6/region_length[5]).toFixed(5)); $('.dataRight .region6 .pr').text(toPercent((sum_region6/sum_99).toFixed(5))); $('.dataRight .region7 .ave').text((sum_region7/region_length[6]).toFixed(5)); $('.dataRight .region7 .pr').text(toPercent((sum_region7/sum_99).toFixed(5))); $('.fbox2 .region_1').css({opacity: opcity_end(sum_region1/region_length[0])}) $('.fbox2 .region_2').css({opacity: opcity_end(sum_region2/region_length[1])}) $('.fbox2 .region_3').css({opacity: opcity_end(sum_region3/region_length[2])}) $('.fbox2 .region_4').css({opacity: opcity_end(sum_region4/region_length[3])}) $('.fbox2 .region_5').css({opacity: opcity_end(sum_region5/region_length[4])}) $('.fbox2 .region_6').css({opacity: opcity_end(sum_region6/region_length[5])}) $('.fbox2 .region_7').css({opacity: opcity_end(sum_region7/region_length[6])}) addData(lineChart, 0, 'time',(sum_region1/region_length[0]).toFixed(5)) addData(lineChart, 1, 'time',(sum_region2/region_length[1]).toFixed(5)) addData(lineChart, 2, 'time',(sum_region3/region_length[2]).toFixed(5)) addData(lineChart, 3, 'time',(sum_region4/region_length[3]).toFixed(5)) addData(lineChart, 4, 'time',(sum_region5/region_length[4]).toFixed(5)) addData(lineChart, 5, 'time',(sum_region6/region_length[5]).toFixed(5)) addData(lineChart, 6, 'time',(sum_region7/region_length[6]).toFixed(5)) } } } for(let i=0;i<arr_arr2[step2]?.data.length;i++){ for(let x=0;x<arr_arr2[step2].data[i].length;x++){ let id_end = trueID2(i) // let clor = clor_end(arr_arr[step2].data[i][x]) // $(`#${id_end} .data${x}`).css({'background':clor}) $(`#${id_end} .data${x}`).attr('value',`${arr_arr2[step2].data[i][x]}`) if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region1'){ sum_region1_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region2'){ sum_region2_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region3'){ sum_region3_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region4'){ sum_region4_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region5'){ sum_region5_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region6'){ sum_region6_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) }else if($(`#${id_end} .data${x}`)[0]?.classList[2] == 'region7'){ sum_region7_2 += Number($(`#${id_end} .data${x}`)[0]?.attributes[1].value == undefined?0:$(`#${id_end} .data${x}`)[0]?.attributes[1].value) } if(i==arr_arr2[step2].data.length-1&&x==arr_arr2[step2].data[i].length-1){ sum_99_2 = sum_region1_2+sum_region2_2+sum_region3_2+sum_region4_2+sum_region5_2+sum_region6_2+sum_region7_2+sum_region8_2+sum_region9_2 $('.dataLeft .region1 .ave').text((sum_region1_2/region_length2[0]).toFixed(5)); $('.dataLeft .region1 .pr').text(toPercent((sum_region1_2/sum_99_2).toFixed(5))); $('.dataLeft .region2 .ave').text((sum_region2_2/region_length2[1]).toFixed(5)); $('.dataLeft .region2 .pr').text(toPercent((sum_region2_2/sum_99_2).toFixed(5))); $('.dataLeft .region3 .ave').text((sum_region3_2/region_length2[2]).toFixed(5)); $('.dataLeft .region3 .pr').text(toPercent((sum_region3/sum_99_2).toFixed(5))); $('.dataLeft .region4 .ave').text((sum_region4_2/region_length2[3]).toFixed(5)); $('.dataLeft .region4 .pr').text(toPercent((sum_region4_2/sum_99_2).toFixed(5))); $('.dataLeft .region5 .ave').text((sum_region5_2/region_length2[4]).toFixed(5)); $('.dataLeft .region5 .pr').text(toPercent((sum_region5_2/sum_99_2).toFixed(5))); $('.dataLeft .region6 .ave').text((sum_region6_2/region_length2[5]).toFixed(5)); $('.dataLeft .region6 .pr').text(toPercent((sum_region6_2/sum_99_2).toFixed(5))); $('.dataLeft .region7 .ave').text((sum_region7_2/region_length2[6]).toFixed(5)); $('.dataLeft .region7 .pr').text(toPercent((sum_region7_2/sum_99_2).toFixed(5))); $('.fbox .region_1').css({opacity: opcity_end(sum_region1_2/region_length2[0])}) $('.fbox .region_2').css({opacity: opcity_end(sum_region2_2/region_length2[1])}) $('.fbox .region_3').css({opacity: opcity_end(sum_region3_2/region_length2[2])}) $('.fbox .region_4').css({opacity: opcity_end(sum_region4_2/region_length2[3])}) $('.fbox .region_5').css({opacity: opcity_end(sum_region5_2/region_length2[4])}) $('.fbox .region_6').css({opacity: opcity_end(sum_region6_2/region_length2[5])}) $('.fbox .region_7').css({opacity: opcity_end(sum_region7_2/region_length2[6])}) addData(lineChart2, 0, 'time2',(sum_region1_2/region_length2[0]).toFixed(5)) addData(lineChart2, 1, 'time2',(sum_region2_2/region_length2[1]).toFixed(5)) addData(lineChart2, 2, 'time2',(sum_region3_2/region_length2[2]).toFixed(5)) addData(lineChart2, 3, 'time2',(sum_region4_2/region_length2[3]).toFixed(5)) addData(lineChart2, 4, 'time2',(sum_region5_2/region_length2[4]).toFixed(5)) addData(lineChart2, 5, 'time2',(sum_region6_2/region_length2[5]).toFixed(5)) addData(lineChart2, 6, 'time2',(sum_region7_2/region_length2[6]).toFixed(5)) } } } sum_99 = 0;sum_region1 = 0;sum_region2 = 0;sum_region3 = 0;sum_region4 = 0;sum_region5 = 0;sum_region6 = 0;sum_region7 = 0;sum_region8 = 0;sum_region9 = 0 sum_99_2 = 0;sum_region1_2 = 0;sum_region2_2 = 0;sum_region3_2 = 0;sum_region4_2 = 0;sum_region5_2 = 0;sum_region6_2 = 0;sum_region7_2 = 0;sum_region8_2 = 0;sum_region9_2 = 0 }) //下载文件 $('.download').click(function(){ let time = getNowTime() if(arr_arr.length == 0&&arr_arr2.length>0){ tableToExcel(arr_arr2,`左脚${time}.csv`) }else if(arr_arr2.length == 0&&arr_arr.length>0){ tableToExcel(arr_arr,`右脚${time}.csv`) }else if(arr_arr.length>0&&arr_arr2.length>0){ tableToExcel(arr_arr,`右脚${time}.csv`) tableToExcel(arr_arr2,`左脚${time}.csv`) }else{ alert('缺少数据') } }) //给input标签绑定change事件，一上传选中的.xls文件就会触发该函数 $('#excel-file-left').change(function(e) { read_file = false arr_arr2 = [] var files2 = e.target.files; var fileReader2 = new FileReader(); fileReader2.onload = function(ev) { try { var data2 = ev.target.result var workbook2 = XLSX.read(data2, { type: 'binary' }) // 以二进制流方式读取得到整份excel表格对象 var persons2 = []; // 存储获取到的数据 } catch (e) { console.log('文件类型不正确',e); return; } // 表格的表格范围，可用于判断表头是否数量是否正确 var fromTo2 = ''; // 遍历每张表读取 for (var sheet2 in workbook2.Sheets) { if (workbook2.Sheets.hasOwnProperty(sheet2)) { fromTo2 = workbook2.Sheets[sheet2]['!ref'];//读取的全部数据 A1:AN203 persons2 = persons2.concat(XLSX.utils.sheet_to_json(workbook2.Sheets[sheet2], {header:1,defval:''}));//合并数据 // break; // 如果只取第一张表，就取消注释这行 } } //在控制台打印出来表格中的数据 for(let i=0;i<persons2.length;i++){ persons2[i].length = 112 let data_ee = fun(persons2[i],28) arr_arr2.push({"data":data_ee}) } $('.last').attr('disabled',false) $('.next').attr('disabled',false) $('.back').attr('disabled',false) //开启回放功能 $('.download').attr('disabled',true) text=persons2;//训练数据集text }; // 以二进制方式打开文件 fileReader2.readAsBinaryString(files2[0]); console.log(arr_arr2) }); $('#excel-file-right').change(function(e) { read_file = false arr_arr = [] var files = e.target.files; var fileReader = new FileReader(); fileReader.onload = function(ev) { try { var data = ev.target.result var workbook = XLSX.read(data, { type: 'binary' }) // 以二进制流方式读取得到整份excel表格对象 var persons = []; // 存储获取到的数据 } catch (e) { console.log('文件类型不正确',e); return; } // 表格的表格范围，可用于判断表头是否数量是否正确 var fromTo = ''; // 遍历每张表读取 for (var sheet in workbook.Sheets) { if (workbook.Sheets.hasOwnProperty(sheet)) { fromTo = workbook.Sheets[sheet]['!ref'];//读取的全部数据 A1:AN203 persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet], {header:1,defval:''}));//合并数据 // break; // 如果只取第一张表，就取消注释这行 } } //在控制台打印出来表格中的数据 for(let i=0;i<persons.length;i++){ persons[i].length = 112 let data_ee = fun(persons[i],28) arr_arr.push({"data":data_ee}) } $('.last').attr('disabled',false) $('.next').attr('disabled',false) $('.back').attr('disabled',false) //开启回放功能 $('.download').attr('disabled',true) text=persons;//训练数据集text }; // 以二进制方式打开文件 fileReader.readAsBinaryString(files[0]); });
New file @@ -0,0 +1,19 @@ var region_data_left = [ {"region1":['#A .data1','#A .data2','#A .data3','#A .data7','#A .data8','#A .data9','#A .data10','#A .data14','#A .data15','#A .data16','#A .data17','#A .data21','#A .data22','#A .data23','#A .data24']}, {"region2":['#A .data4','#A .data5','#A .data11','#A .data12','#A .data13','#A .data18','#A .data19','#A .data20','#A .data25','#A .data26','#A .data27']}, {"region3":['#B .data4','#B .data5','#B .data6','#B .data11','#B .data12','#B .data13','#B .data18','#B .data19','#B .data20','#B .data25','#B .data26','#B .data27','#B .data0','#B .data1','#B .data2','#B .data3','#B .data7','#B .data8','#B .data9','#B .data10','#B .data14','#B .data15','#B .data16','#B .data17','#B .data21','#B .data22','#B .data23','#B .data24']}, {"region4":['#D .data0','#D .data1','#C .data0','#C .data7','#C .data14','#C .data21','#C .data1','#C .data8','#C .data15','#C .data22']}, {"region5":['#D .data2','#D .data3','#D .data4','#C .data3','#C .data4','#C .data11','#C .data18','#C .data10','#C .data17','#C .data24','#C .data25','#C .data2','#C .data9','#C .data16','#C .data23']}, {"region6":['#D .data5','#C .data6','#C .data13','#C .data20','#C .data27','#C .data5','#C .data12','#C .data19','#C .data26']}, {"region7":['#D .data7','#D .data8','#D .data15','#D .data6','#D .data9','#D .data10','#D .data11','#D .data12','#D .data16','#D .data17','#D .data18']} ] var region_data_right = [ {"region1":['#A2 .data1','#A2 .data2','#A2 .data3','#A2 .data7','#A2 .data8','#A2 .data9','#A2 .data10','#A2 .data14','#A2 .data15','#A2 .data16','#A2 .data17','#A2 .data21','#A2 .data22','#A2 .data23','#A2 .data24']}, {"region2":['#A2 .data4','#A2 .data5','#A2 .data11','#A2 .data12','#A2 .data13','#A2 .data18','#A2 .data19','#A2 .data20','#A2 .data25','#A2 .data26','#A2 .data27']}, {"region3":['#B2 .data4','#B2 .data5','#B2 .data6','#B2 .data11','#B2 .data12','#B2 .data13','#B2 .data18','#B2 .data19','#B2 .data20','#B2 .data25','#B2 .data26','#B2 .data27','#B2 .data0','#B2 .data1','#B2 .data2','#B2 .data3','#B2 .data7','#B2 .data8','#B2 .data9','#B2 .data10','#B2 .data14','#B2 .data15','#B2 .data16','#B2 .data17','#B2 .data21','#B2 .data22','#B2 .data23','#B2 .data24']}, {"region4":['#D2 .data0','#D2 .data1','#C2 .data0','#C2 .data7','#C2 .data14','#C2 .data21','#C2 .data1','#C2 .data8','#C2 .data15','#C2 .data22']}, {"region5":['#D2 .data2','#D2 .data3','#D2 .data4','#C2 .data3','#C2 .data4','#C2 .data11','#C2 .data18','#C2 .data10','#C2 .data17','#C2 .data24','#C2 .data25','#C2 .data2','#C2 .data9','#C2 .data16','#C2 .data23']}, {"region6":['#D2 .data5','#C2 .data6','#C2 .data13','#C2 .data20','#C2 .data27','#C2 .data5','#C2 .data12','#C2 .data19','#C2 .data26']}, {"region7":['#D2 .data7','#D2 .data8','#D2 .data15','#D2 .data6','#D2 .data9','#D2 .data10','#D2 .data11','#D2 .data12','#D2 .data16','#D2 .data17','#D2 .data18']} ]
