From 0f396039885600f920cb041a10b71001e6960917 Mon Sep 17 00:00:00 2001
From: cshenfu <men883234@gmail.com>
Date: 星期三, 22 三月 2023 14:16:57 +0800
Subject: [PATCH] 0322

---
 read_com/js/function.js |  246 ++++++++++++++++++++++++++++++++++--------------
 1 files changed, 172 insertions(+), 74 deletions(-)

diff --git a/read_com/js/function.js b/read_com/js/function.js
index 08b3503..8e91b64 100644
--- a/read_com/js/function.js
+++ b/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

--
Gitblit v1.9.1