0322

cshenfu

2023-03-22 0f396039885600f920cb041a10b71001e6960917

 read_com/js/function_7.js

@@ -60,85 +60,118 @@
});



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,

           
            viewControl: {

                zoomSensitivity: 0,

                rotateSensitivity: 0,

                alpha:80,

                beta:-20

            }

        },

        series: [

            {

                type: 'surface',

                wireframe: {

                    show: true,

                },

                data: new_3d_data2

            }

        ]

    }



  );





//   输出值转化为压力值



function transfor(num){

    let num1 = num/9500/0.014/9.8

    // let num1 = num/9500/0.014

    return num1

}

console.log(transfor(70000))









@@ -533,21 +566,21 @@
            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

                }

                // 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);

                // 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]

@@ -624,21 +657,21 @@
            }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

                }

                // 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);

                //   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++){

@@ -723,7 +756,7 @@
            $('.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 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))

@@ -907,12 +940,28 @@
            }

            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<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)

@@ -943,7 +992,7 @@
                        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));

@@ -958,7 +1007,7 @@
                        $('.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])})

@@ -966,7 +1015,7 @@
                        $('.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])})



                        // chart图表刷新

                        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))

@@ -1101,13 +1150,20 @@
            }

        }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 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 region1_end = transfor(Math.max(...sum_9_region2[0]))

                let region2_end = transfor(Math.max(...sum_9_region2[1]))

                let region3_end = transfor(Math.max(...sum_9_region2[2]))

                let region4_end = transfor(Math.max(...sum_9_region2[3]))

                let region5_end = transfor(Math.max(...sum_9_region2[4]))

                let region6_end = transfor(Math.max(...sum_9_region2[5]))

                let region7_end = transfor(Math.max(...sum_9_region2[6])) 
                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)));

@@ -1131,13 +1187,20 @@
            }

        }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 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 region1_end = transfor(Math.max(...sum_9_region[0]))

                let region2_end = transfor(Math.max(...sum_9_region[1]))

                let region3_end = transfor(Math.max(...sum_9_region[2]))

                let region4_end = transfor(Math.max(...sum_9_region[3]))

                let region5_end = transfor(Math.max(...sum_9_region[4]))

                let region6_end = transfor(Math.max(...sum_9_region[5]))

                let region7_end = transfor(Math.max(...sum_9_region[6])) 
                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)));

@@ -1484,6 +1547,7 @@


    //下载文件

    $('.download').click(function(){

        console.log(arr_arr,arr_arr2)

        let time = getNowTime()

        if(arr_arr.length == 0&&arr_arr2.length>0){

            tableToExcel(arr_arr2,`左脚${time}.csv`)