0322

cshenfu

2023-03-22 0f396039885600f920cb041a10b71001e6960917

 read_com/js/function.js

@@ -60,74 +60,100 @@
});

var dom = document.getElementById('chart-container');
var myChart = echarts.init(dom, 'dark', {
var myChart = echarts.init(dom,{
  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' }
    option = {
        tooltip: {},
        xAxis3D: {
            show:false
        },
        axisPointer: {
          lineStyle: { color: '#fff' }
        yAxis3D: {
            show:false
        },
        viewControl: {
          // autoRotate: true
        zAxis3D: {
            show:false,
            min: 0,
            max: 20000,
        },
        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);
        visualMap: {
            type: 'continuous',
            calculable: false, 
            itemHeight: 350, 
            left: 'right',
            top: 'center',
            show: false,
            dimension: 2,
            min: 0,
            max: 20000,
            inRange: {
                color: [
                    '#dddddd',
                    '#313695',
                    '#4575b4',
                    '#74add1',
                    // '#abd9e9',
                    // '#e0f3f8',
                    // '#ffffbf',
                    // '#fee090',
                    '#73d13d',
                    '#fdae61',
                    '#f46d43',
                    '#d73027',
                    '#a50026',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000',
                    '#000000'
                ],
            }
          }
        }
      ]
    })
        },
        grid3D: {
            show:false
        },
        series: [
            {
                type: 'surface',
                wireframe: {
                    show: true,
                },
                data: new_3d_data2
            }
        ]
    }

  );


@@ -527,6 +553,7 @@
            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
@@ -543,10 +570,11 @@
                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]
               //3D热力图数据
                for(let i=0;i<data_arr_option_right.length;i++){
                    new_3d_data2[data_arr_option_right[i]][2] = data_end[i]
                }
                // myC
               

                arr_arr.push(data1)
                for(let i=0;i<data.length;i++){
@@ -646,8 +674,13 @@
                  heatmapInstance_top.setData(data_map_top);
                  heatmapInstance_middle.setData(data_map_middle);
                  heatmapInstance_buttom.setData(data_map_buttom);
                  for(let i=0;i<data_arr_option_left.length;i++){
                    new_3d_data2[data_arr_option_left[i]][2] = data_end[i]
                }
                
    
                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)
@@ -725,8 +758,19 @@
                        }
                    }
                }
                
                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
            }
            myChart.setOption(
                option = {
                    series: [
                        {
                            data: new_3d_data2
                        }
                    ]
                }
            
              );
        })
    })

@@ -748,7 +792,9 @@
            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 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(region2_end.toFixed(5));
@@ -763,6 +809,10 @@
            $('.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 .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(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));
            
            let region1_end2 = transfor((eval(sum_9_region2[0].join('+'))/sum_9_region2[0].length))
@@ -772,22 +822,34 @@
            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
            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
            $('.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 .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_end2.toFixed(5));
            $('.dataLeft .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region2.flat().join('+'))).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_end2.toFixed(5));
            $('.dataLeft .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region2.flat().join('+'))).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_end2.toFixed(5));
            $('.dataLeft .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region2.flat().join('+'))).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_end2.toFixed(5));
            $('.dataLeft .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region2.flat().join('+'))).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_end2.toFixed(5));
            $('.dataLeft .region6_2 .pr').text(toPercent((eval(sum_9_region[5].join('+'))/eval(sum_9_region2.flat().join('+'))).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_end2.toFixed(5));
            $('.dataLeft .region7_2 .pr').text(toPercent((eval(sum_9_region[6].join('+'))/eval(sum_9_region2.flat().join('+'))).toFixed(5)));
            $('.dataLeft .region7_2 .pr').text(toPercent((eval(sum_9_region2[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_region2[7].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
            $('.dataLeft .region9_2 .ave').text(region9_end2.toFixed(5));
            $('.dataLeft .region9_2 .pr').text(toPercent((eval(sum_9_region2[8].join('+'))/eval(sum_9_region.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))
@@ -796,7 +858,9 @@
                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
                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
                $('.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));
@@ -811,6 +875,10 @@
                $('.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_region2[7].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
            $('.dataLeft .region9_2 .ave').text(region9_end2.toFixed(5));
            $('.dataLeft .region9_2 .pr').text(toPercent((eval(sum_9_region2[8].join('+'))/eval(sum_9_region.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))
@@ -820,7 +888,9 @@
            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 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(region2_end.toFixed(5));
@@ -835,6 +905,10 @@
            $('.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 .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(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));
            }
            
@@ -928,6 +1002,22 @@
            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_right.length;i++){
                    new_3d_data2[data_arr_option_right[i]][2] = arr_arr.length == 0?0:arr_arr[step].data.flat()[i]
                }
                for(let i=0;i<data_arr_option_left.length;i++){
                    new_3d_data2[data_arr_option_left[i]][2] = arr_arr2.length == 0?0:arr_arr2[step2].data.flat()[i]
                }
                myChart.setOption(
                    option = {
                        series: [
                            {
                                data: new_3d_data2
                            }
                        ]
                    }
                
                  );
            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)
@@ -1005,6 +1095,7 @@
                    }
            }
            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])
@@ -1143,6 +1234,9 @@
                $('.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
            }
@@ -1213,6 +1307,10 @@
                $('.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