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_7.js |  288 +++++++----
 read_com/test.html        |  110 ++++
 read_com/css/style.css    |    1 
 read_com/js/3d_data.js    |  236 +++++++++
 read_com/index.html       |  332 +++++++-------
 read_com/test.js          |  118 -----
 read_com/js/function.js   |  246 +++++++---
 7 files changed, 848 insertions(+), 483 deletions(-)

diff --git a/read_com/css/style.css b/read_com/css/style.css
index 875fd89..837df83 100644
--- a/read_com/css/style.css
+++ b/read_com/css/style.css
@@ -577,4 +577,5 @@
 	height: 1500px;
 	width: 1500px;
 	overflow: hidden;
+	margin-bottom: 500px;
 	}
\ No newline at end of file
diff --git a/read_com/index.html b/read_com/index.html
index abc81aa..45ff372 100644
--- a/read_com/index.html
+++ b/read_com/index.html
@@ -14,140 +14,61 @@
     <script src="./js/excel.js"></script>
   </head>
   <body>
+
+
+
+
     <div class="head">
-     
-		<!-- <div style="float: right; line-height: 36px;">
-			鍘嬪姏鍖洪棿锛�
-				<span style="border-radius:3px; padding:2px 8px;color: #444; background: #fff; border:1px solid #eee;">0-200</span>
-				<span style="border-radius:3px; padding:2px 8px;color: #fff; background: #F49B7C; border: 1px solid #F49B7C;">201-500</span>
-				<span style="border-radius:3px; padding:2px 8px;color: #fff; background: #220000; border: 1px solid #220000;"">501-2000</span>
-		</div> -->
 
-    <!-- 鎸夐挳 -->
-    <div class="topDiv">
-      <button class="start">寮�濮�</button>
-      <button class="end">缁撴潫</button>
-      <button class="back" disabled="disabled">鍥炴斁</button>
-      <button class="last" disabled="disabled">涓婁竴甯�</button>
-      <button class="next" disabled="disabled">涓嬩竴甯�</button>
-      <button class="download" disabled="disabled">淇濆瓨鏂囦欢</button>
-      <label>宸﹁剼锛�<input type="file" id="excel-file-left"></label>
-      <label>鍙宠剼锛�<input type="file" id="excel-file-right"></label>
-    </div>
+<!-- 鎸夐挳 -->
+<div class="topDiv">
+  <button class="start">寮�濮�</button>
+  <button class="end">缁撴潫</button>
+  <button class="back" disabled="disabled">鍥炴斁</button>
+  <button class="last" disabled="disabled">涓婁竴甯�</button>
+  <button class="next" disabled="disabled">涓嬩竴甯�</button>
+  <button class="download" disabled="disabled">淇濆瓨鏂囦欢</button>
+  <label>宸﹁剼锛�<input type="file" id="excel-file-left"></label>
+  <label>鍙宠剼锛�<input type="file" id="excel-file-right"></label>
+</div>
 
-   </div>
+</div>
 
 
   <!-- 宸﹁剼 -->
-  <div class="fbox">
-    <img src="images/bg_t.png" class="mask">
-    <div class="region_main">
-		<div class="region_1"></div>
-		<div class="region_2"></div>
-		<div class="region_7"></div>
-		<div class="region_6"></div>
-		<div class="region_5"></div>
-		<div class="region_4"></div>
-		<div class="region_3"></div>
-		<div class="region_9"></div>
-		<div class="region_8"></div>
-	</div>
-    <div id="D">
-        <div class="Y15">
-            <div class="data20 data none"></div>
-            <div class="data19 data none"></div>
-            <div class="data18 data"></div>
-            <div class="data17 data"></div>
-            <div class="data16 data"></div>
-            <div class="data15 data"></div>
-            <div class="data14 data none"></div>
-        </div>
-        <div class="Y14">
-            <div class="data13 data none"></div>
-            <div class="data12 data"></div>
-            <div class="data11 data"></div>
-            <div class="data10 data"></div>
-            <div class="data9 data"></div>
-            <div class="data8 data"></div>
-            <div class="data7 data"></div>
-        </div>
-        <div class="Y13">
-            <div class="data6 data"></div>
-            <div class="data5 data"></div>
-            <div class="data4 data"></div>
-            <div class="data3 data"></div>
-            <div class="data2 data"></div>
-            <div class="data1 data"></div>
-            <div class="data0 data"></div>
-        </div>
-    </div>
-    <div id="C">
-        <div class="Y12">
-            <div class="data27 data"></div>
-            <div class="data26 data"></div>
-            <div class="data25 data"></div>
-            <div class="data24 data"></div>
-            <div class="data23 data"></div>
-            <div class="data22 data"></div>
-            <div class="data21 data"></div>
-        </div>
-        <div class="Y11">
-            <div class="data20 data"></div>
-            <div class="data19 data"></div>
-            <div class="data18 data"></div>
-            <div class="data17 data"></div>
-            <div class="data16 data"></div>
-            <div class="data15 data"></div>
-            <div class="data14 data"></div>
-        </div>
-        <div class="Y10">
-            <div class="data13 data"></div>
-            <div class="data12 data"></div>
-            <div class="data11 data"></div>
-            <div class="data10 data"></div>
-            <div class="data9 data"></div>
-            <div class="data8 data"></div>
-            <div class="data7 data"></div>
-        </div>
-        <div class="Y09">
-            <div class="data6 data"></div>
-            <div class="data5 data"></div>
-            <div class="data4 data"></div>
-            <div class="data3 data"></div>
-            <div class="data2 data"></div>
-            <div class="data1 data"></div>
-            <div class="data0 data"></div>
-        </div>
-    </div>
-    <div id="B">
-        <div class="Y08">
-            <div class="data27 data"></div>
-            <div class="data26 data"></div>
-            <div class="data25 data"></div>
-            <div class="data24 data"></div>
-            <div class="data23 data"></div>
-            <div class="data22 data"></div>
-            <div class="data21 data"></div>
-        </div>
-        <div class="Y07">
-          <div class="data20 data"></div>
-          <div class="data19 data"></div>
+<div class="fbox">
+  <img src="images/bg_t.png" class="mask">
+  <div class="region_main">
+  <div class="region_1"></div>
+  <div class="region_2"></div>
+  <div class="region_7"></div>
+  <div class="region_6"></div>
+  <div class="region_5"></div>
+  <div class="region_4"></div>
+  <div class="region_3"></div>
+  <div class="region_9"></div>
+  <div class="region_8"></div>
+</div>
+  <div id="D">
+      <div class="Y15">
+          <div class="data20 data none"></div>
+          <div class="data19 data none"></div>
           <div class="data18 data"></div>
           <div class="data17 data"></div>
           <div class="data16 data"></div>
           <div class="data15 data"></div>
-          <div class="data14 data"></div>
-        </div>
-        <div class="Y06">
-          <div class="data13 data"></div>
+          <div class="data14 data none"></div>
+      </div>
+      <div class="Y14">
+          <div class="data13 data none"></div>
           <div class="data12 data"></div>
           <div class="data11 data"></div>
           <div class="data10 data"></div>
           <div class="data9 data"></div>
           <div class="data8 data"></div>
           <div class="data7 data"></div>
-        </div>
-        <div class="Y05">
+      </div>
+      <div class="Y13">
           <div class="data6 data"></div>
           <div class="data5 data"></div>
           <div class="data4 data"></div>
@@ -155,10 +76,10 @@
           <div class="data2 data"></div>
           <div class="data1 data"></div>
           <div class="data0 data"></div>
-        </div>
-    </div>
-    <div id="A">
-        <div class="Y04">
+      </div>
+  </div>
+  <div id="C">
+      <div class="Y12">
           <div class="data27 data"></div>
           <div class="data26 data"></div>
           <div class="data25 data"></div>
@@ -166,8 +87,8 @@
           <div class="data23 data"></div>
           <div class="data22 data"></div>
           <div class="data21 data"></div>
-        </div>
-        <div class="Y03">
+      </div>
+      <div class="Y11">
           <div class="data20 data"></div>
           <div class="data19 data"></div>
           <div class="data18 data"></div>
@@ -175,8 +96,8 @@
           <div class="data16 data"></div>
           <div class="data15 data"></div>
           <div class="data14 data"></div>
-        </div>
-        <div class="Y02">
+      </div>
+      <div class="Y10">
           <div class="data13 data"></div>
           <div class="data12 data"></div>
           <div class="data11 data"></div>
@@ -184,17 +105,93 @@
           <div class="data9 data"></div>
           <div class="data8 data"></div>
           <div class="data7 data"></div>
-        </div>
-        <div class="Y01">
-          <div class="data6 data none"></div>
+      </div>
+      <div class="Y09">
+          <div class="data6 data"></div>
           <div class="data5 data"></div>
           <div class="data4 data"></div>
           <div class="data3 data"></div>
           <div class="data2 data"></div>
           <div class="data1 data"></div>
-          <div class="data0 data none"></div>
-        </div>
-    </div>
+          <div class="data0 data"></div>
+      </div>
+  </div>
+  <div id="B">
+      <div class="Y08">
+          <div class="data27 data"></div>
+          <div class="data26 data"></div>
+          <div class="data25 data"></div>
+          <div class="data24 data"></div>
+          <div class="data23 data"></div>
+          <div class="data22 data"></div>
+          <div class="data21 data"></div>
+      </div>
+      <div class="Y07">
+        <div class="data20 data"></div>
+        <div class="data19 data"></div>
+        <div class="data18 data"></div>
+        <div class="data17 data"></div>
+        <div class="data16 data"></div>
+        <div class="data15 data"></div>
+        <div class="data14 data"></div>
+      </div>
+      <div class="Y06">
+        <div class="data13 data"></div>
+        <div class="data12 data"></div>
+        <div class="data11 data"></div>
+        <div class="data10 data"></div>
+        <div class="data9 data"></div>
+        <div class="data8 data"></div>
+        <div class="data7 data"></div>
+      </div>
+      <div class="Y05">
+        <div class="data6 data"></div>
+        <div class="data5 data"></div>
+        <div class="data4 data"></div>
+        <div class="data3 data"></div>
+        <div class="data2 data"></div>
+        <div class="data1 data"></div>
+        <div class="data0 data"></div>
+      </div>
+  </div>
+  <div id="A">
+      <div class="Y04">
+        <div class="data27 data"></div>
+        <div class="data26 data"></div>
+        <div class="data25 data"></div>
+        <div class="data24 data"></div>
+        <div class="data23 data"></div>
+        <div class="data22 data"></div>
+        <div class="data21 data"></div>
+      </div>
+      <div class="Y03">
+        <div class="data20 data"></div>
+        <div class="data19 data"></div>
+        <div class="data18 data"></div>
+        <div class="data17 data"></div>
+        <div class="data16 data"></div>
+        <div class="data15 data"></div>
+        <div class="data14 data"></div>
+      </div>
+      <div class="Y02">
+        <div class="data13 data"></div>
+        <div class="data12 data"></div>
+        <div class="data11 data"></div>
+        <div class="data10 data"></div>
+        <div class="data9 data"></div>
+        <div class="data8 data"></div>
+        <div class="data7 data"></div>
+      </div>
+      <div class="Y01">
+        <div class="data6 data none"></div>
+        <div class="data5 data"></div>
+        <div class="data4 data"></div>
+        <div class="data3 data"></div>
+        <div class="data2 data"></div>
+        <div class="data1 data"></div>
+        <div class="data0 data none"></div>
+      </div>
+  </div>
 </div>
 
 
@@ -384,35 +381,7 @@
         <p class="region1"><span class="colorCircle"></span>骞冲潎:<span class="ave"></span>鍗犳瘮:<span class="pr"></span></p>
     </div>
 </div>
-
-<!-- 鏇茬嚎 -->
-<div class="chart_line">
-  <div class="chart2" style="width:50%; margin: 80px"><canvas id="chart2"></canvas></div>
-  <div class="chart" style="width:50%; margin: 80px"><canvas id="chart"></canvas></div>
-</div>
-
-<!-- 鐑姏鍥� -->
-<div class="heatmap_box">
-  <div class="left_map"></div>
-  <div class="left_map_top"></div> 
-  <div class="left_map_middle"></div>
-  <div class="left_map_buttom"></div>
-</div>
-<div class="heatmap_box">
-  <div class="right_map"></div>
-  <div class="right_map_top"></div>
-  <div class="right_map_middle"></div>
-  <div class="right_map_buttom"></div>
-</div>
-
-
-
-<div id="chart-container"></div>
-
-
-</div>
-
-<!-- 鎬昏 -->
+<!-- 鎬昏鏁版嵁妗� -->
 <div class="region_data">
   <div class="dataLeft">
     <p>宸﹁剼(鎬�)</p>
@@ -441,13 +410,46 @@
     <p class="sum_region_2"><span class="colorCircle"></span>鎬诲��:<span class="ave"></p>
 </div>
 </div>
+
+<!-- chart鏇茬嚎 -->
+<div class="chart_line">
+  <div class="chart2" style="width:50%; margin: 80px"><canvas id="chart2"></canvas></div>
+  <div class="chart" style="width:50%; margin: 80px"><canvas id="chart"></canvas></div>
+</div>
+
+<!-- heatmap鐑姏鍥� -->
+<div class="heatmap_box" style="display: none;">
+  <div class="left_map"></div>
+  <div class="left_map_top"></div> 
+  <div class="left_map_middle"></div>
+  <div class="left_map_buttom"></div>
+</div>
+<div class="heatmap_box" style="display: none;">
+  <div class="right_map"></div>
+  <div class="right_map_top"></div>
+  <div class="right_map_middle"></div>
+  <div class="right_map_buttom"></div>
+</div>
+
+
+
+<div id="chart-container"></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/function.js"></script>
-<!-- <script src="./js/region7.js"></script>
-<script src="./js/function_7.js"></script> -->
+
+<!-- 9鍒嗗尯鏁版嵁鍜孞S -->
+<!-- <script src="./js/region.js"></script>
+<script src="./js/function.js"></script> -->
+
+<!-- 涓冨垎鍖烘暟鎹拰JS -->
+<script src="./js/region7.js"></script>
+<script src="./js/function_7.js"></script>
   </body>
 </html>
diff --git a/read_com/js/3d_data.js b/read_com/js/3d_data.js
index d08364b..34ebf2e 100644
--- a/read_com/js/3d_data.js
+++ b/read_com/js/3d_data.js
@@ -1,18 +1,18 @@
 var data_arr_option = [382,413,444,475,506,537,568,
-                383,414,445,476,507,538,569,
-                384,415,446,477,508,539,570,
-                385,416,447,478,509,540,571,
-                386,417,448,479,510,541,572,
-                387,418,449,480,511,542,573,
-                388,419,450,481,512,543,574,
-                389,420,451,482,513,544,575,
-                390,421,452,483,514,545,576,
-                391,422,453,484,515,546,577,
-                392,423,454,485,516,547,578,
-                393,424,455,486,517,548,579,
-                394,425,456,487,518,549,580,
-                395,426,457,488,519,550,581,
-                396,427,458,489,520,551,582
+                    383,414,445,476,507,538,569,
+                    384,415,446,477,508,539,570,
+                    385,416,447,478,509,540,571,
+                    386,417,448,479,510,541,572,
+                    387,418,449,480,511,542,573,
+                    388,419,450,481,512,543,574,
+                    389,420,451,482,513,544,575,
+                    390,421,452,483,514,545,576,
+                    391,422,453,484,515,546,577,
+                    392,423,454,485,516,547,578,
+                    393,424,455,486,517,548,579,
+                    394,425,456,487,518,549,580,
+                    395,426,457,488,519,550,581,
+                    396,427,458,489,520,551,582
             ]
 var new_3d_data = [
 [0,0,10],[0,1,10],[0,2,10],[0,3,10],[0,4,10],[0,5,10],[0,6,10],[0,7,10],[0,8,10],[0,9,10],[0,10,10],
@@ -78,4 +78,212 @@
 [29,21,10],[29,22,10],[29,23,10],[29,24,10],[29,25,10],[29,26,10],[29,27,10],[29,28,10],[29,29,10],[29,30,10],[30,0,10],[30,1,10],[30,2,10],[30,3,10],[30,4,10],[30,5,10],[30,6,10],[30,7,10],[30,8,10],[30,9,10],[30,10,10],
 [30,11,10],[30,12,10],[30,13,10],[30,14,10],[30,15,10],[30,16,10],[30,17,10],[30,18,10],[30,19,10],[30,20,10],
 [30,21,10],[30,22,10],[30,23,10],[30,24,10],[30,25,10],[30,26,10],[30,27,10],[30,28,10],[30,29,10],[30,30,10]
+
+
+]
+
+
+
+
+var data_arr_option_left = [
+    339,380,421,462,503,544,585,
+    340,381,422,463,504,545,586,
+    341,382,423,464,505,546,587,
+    342,383,424,465,506,547,588,
+    343,384,425,466,507,548,589,
+    344,385,426,467,508,549,590,
+    345,386,427,468,509,550,591,
+    346,387,428,469,510,551,592,
+    347,388,429,470,511,552,593,
+    348,389,430,471,512,553,594,
+    349,390,431,472,513,554,595,
+    350,391,432,473,514,555,596,
+    351,392,433,474,515,556,597,
+    352,393,434,475,516,557,598,
+    353,394,435,476,517,558,599
+
+]
+
+var data_arr_option_right = [
+    1118,1159,1200,1241,1282,1323,1364,
+    1119,1160,1201,1242,1283,1324,1365,
+    1120,1161,1202,1243,1284,1325,1366,
+    1121,1162,1203,1244,1285,1326,1367,
+    1122,1163,1204,1245,1286,1327,1368,
+    1123,1164,1205,1246,1287,1328,1369,
+    1124,1165,1206,1247,1288,1329,1370,
+    1125,1166,1207,1248,1289,1330,1371,
+    1126,1167,1208,1249,1290,1331,1372,
+    1127,1168,1209,1250,1291,1332,1373,
+    1128,1169,1210,1251,1292,1333,1374,
+    1129,1170,1211,1252,1293,1334,1375,
+    1130,1171,1212,1253,1294,1335,1376,
+    1131,1172,1213,1254,1295,1336,1377,
+    1132,1173,1214,1255,1296,1337,1378,
+]
+var new_3d_data2 = [
+[0,0,10],[0,1,10],[0,2,10],[0,3,10],[0,4,10],[0,5,10],[0,6,10],[0,7,10],[0,8,10],[0,9,10],[0,10,10],
+[0,11,10],[0,12,10],[0,13,10],[0,14,10],[0,15,10],[0,16,10],[0,17,10],[0,18,10],[0,19,10],[0,20,10],
+[0,21,10],[0,22,10],[0,23,10],[0,24,10],[0,25,10],[0,26,10],[0,27,10],[0,28,10],[0,29,10],[0,30,10],
+[0,31,10],[0,32,10],[0,33,10],[0,34,10],[0,35,10],[0,36,10],[0,37,10],[0,38,10],[0,39,10],[0,40,10],
+[1,0,10],[1,1,10],[1,2,10],[1,3,10],[1,4,10],[1,5,10],[1,6,10],[1,7,10],[1,8,10],[1,9,10],[1,10,10],
+[1,11,10],[1,12,10],[1,13,10],[1,14,10],[1,15,10],[1,16,10],[1,17,10],[1,18,10],[1,19,10],[1,20,10],
+[1,21,10],[1,22,10],[1,23,10],[1,24,10],[1,25,10],[1,26,10],[1,27,10],[1,28,10],[1,29,10],[1,30,10],
+[1,31,10],[1,32,10],[1,33,10],[1,34,10],[1,35,10],[1,36,10],[1,37,10],[1,38,10],[1,39,10],[1,40,10],
+[2,0,10],[2,1,10],[2,2,10],[2,3,10],[2,4,10],[2,5,10],[2,6,10],[2,7,10],[2,8,10],[2,9,10],[2,10,10],
+[2,11,10],[2,12,10],[2,13,10],[2,14,10],[2,15,10],[2,16,10],[2,17,10],[2,18,10],[2,19,10],[2,20,10],
+[2,21,10],[2,22,10],[2,23,10],[2,24,10],[2,25,10],[2,26,10],[2,27,10],[2,28,10],[2,29,10],[2,30,10],
+[2,31,10],[2,32,10],[2,33,10],[2,34,10],[2,35,10],[2,36,10],[2,37,10],[2,38,10],[2,39,10],[2,40,10],
+[3,0,10],[3,1,10],[3,2,10],[3,3,10],[3,4,10],[3,5,10],[3,6,10],[3,7,10],[3,8,10],[3,9,10],[3,10,10],
+[3,11,10],[3,12,10],[3,13,10],[3,14,10],[3,15,10],[3,16,10],[3,17,10],[3,18,10],[3,19,10],[3,20,10],
+[3,21,10],[3,22,10],[3,23,10],[3,24,10],[3,25,10],[3,26,10],[3,27,10],[3,28,10],[3,29,10],[3,30,10],
+[3,31,10],[3,32,10],[3,33,10],[3,34,10],[3,35,10],[3,36,10],[3,37,10],[3,38,10],[3,39,10],[3,40,10],
+[4,0,10],[4,1,10],[4,2,10],[4,3,10],[4,4,10],[4,5,10],[4,6,10],[4,7,10],[4,8,10],[4,9,10],[4,10,10],
+[4,11,10],[4,12,10],[4,13,10],[4,14,10],[4,15,10],[4,16,10],[4,17,10],[4,18,10],[4,19,10],[4,20,10],
+[4,21,10],[4,22,10],[4,23,10],[4,24,10],[4,25,10],[4,26,10],[4,27,10],[4,28,10],[4,29,10],[4,30,10],
+[4,31,10],[4,32,10],[4,33,10],[4,34,10],[4,35,10],[4,36,10],[4,37,10],[4,38,10],[4,39,10],[4,40,10],
+[5,0,10],[5,1,10],[5,2,10],[5,3,10],[5,4,10],[5,5,10],[5,6,10],[5,7,10],[5,8,10],[5,9,10],[5,10,10],
+[5,11,10],[5,12,10],[5,13,10],[5,14,10],[5,15,10],[5,16,10],[5,17,10],[5,18,10],[5,19,10],[5,20,10],
+[5,21,10],[5,22,10],[5,23,10],[5,24,10],[5,25,10],[5,26,10],[5,27,10],[5,28,10],[5,29,10],[5,30,10],
+[5,31,10],[5,32,10],[5,33,10],[5,34,10],[5,35,10],[5,36,10],[5,37,10],[5,38,10],[5,39,10],[5,40,10],
+[6,0,10],[6,1,10],[6,2,10],[6,3,10],[6,4,10],[6,5,10],[6,6,10],[6,7,10],[6,8,10],[6,9,10],[6,10,10],
+[6,11,10],[6,12,10],[6,13,10],[6,14,10],[6,15,10],[6,16,10],[6,17,10],[6,18,10],[6,19,10],[6,20,10],
+[6,21,10],[6,22,10],[6,23,10],[6,24,10],[6,25,10],[6,26,10],[6,27,10],[6,28,10],[6,29,10],[6,30,10],
+[6,31,10],[6,32,10],[6,33,10],[6,34,10],[6,35,10],[6,36,10],[6,37,10],[6,38,10],[6,39,10],[6,40,10],
+[7,0,10],[7,1,10],[7,2,10],[7,3,10],[7,4,10],[7,5,10],[7,6,10],[7,7,10],[7,8,10],[7,9,10],[7,10,10],
+[7,11,10],[7,12,10],[7,13,10],[7,14,10],[7,15,10],[7,16,10],[7,17,10],[7,18,10],[7,19,10],[7,20,10],
+[7,21,10],[7,22,10],[7,23,10],[7,24,10],[7,25,10],[7,26,10],[7,27,10],[7,28,10],[7,29,10],[7,30,10],
+[7,31,10],[7,32,10],[7,33,10],[7,34,10],[7,35,10],[7,36,10],[7,37,10],[7,38,10],[7,39,10],[7,40,10],
+[8,0,10],[8,1,10],[8,2,10],[8,3,10],[8,4,10],[8,5,10],[8,6,10],[8,7,10],[8,8,10],[8,9,10],[8,10,10],
+[8,11,10],[8,12,10],[8,13,10],[8,14,10],[8,15,10],[8,16,10],[8,17,10],[8,18,10],[8,19,10],[8,20,10],
+[8,21,10],[8,22,10],[8,23,10],[8,24,10],[8,25,10],[8,26,10],[8,27,10],[8,28,10],[8,29,10],[8,30,10],
+[8,31,10],[8,32,10],[8,33,10],[8,34,10],[8,35,10],[8,36,10],[8,37,10],[8,38,10],[8,39,10],[8,40,10],
+[9,0,10],[9,1,10],[9,2,10],[9,3,10],[9,4,10],[9,5,10],[9,6,10],[9,7,10],[9,8,10],[9,9,10],[9,10,10],
+[9,11,10],[9,12,10],[9,13,10],[9,14,10],[9,15,10],[9,16,10],[9,17,10],[9,18,10],[9,19,10],[9,20,10],
+[9,21,10],[9,22,10],[9,23,10],[9,24,10],[9,25,10],[9,26,10],[9,27,10],[9,28,10],[9,29,10],[9,30,10],
+[9,31,10],[9,32,10],[9,33,10],[9,34,10],[9,35,10],[9,36,10],[9,37,10],[9,38,10],[9,39,10],[9,40,10],
+[10,0,10],[10,1,10],[10,2,10],[10,3,10],[10,4,10],[10,5,10],[10,6,10],[10,7,10],[10,8,10],[10,9,10],[10,10,10],
+[10,11,10],[10,12,10],[10,13,10],[10,14,10],[10,15,10],[10,16,10],[10,17,10],[10,18,10],[10,19,10],[10,20,10],
+[10,21,10],[10,22,10],[10,23,10],[10,24,10],[10,25,10],[10,26,10],[10,27,10],[10,28,10],[10,29,10],[10,30,10],
+[10,31,10],[10,32,10],[10,33,10],[10,34,10],[10,35,10],[10,36,10],[10,37,10],[10,38,10],[10,39,10],[10,40,10],
+[11,0,10],[11,1,10],[11,2,10],[11,3,10],[11,4,10],[11,5,10],[11,6,10],[11,7,10],[11,8,10],[11,9,10],[11,10,10],
+[11,11,10],[11,12,10],[11,13,10],[11,14,10],[11,15,10],[11,16,10],[11,17,10],[11,18,10],[11,19,10],[11,20,10],
+[11,21,10],[11,22,10],[11,23,10],[11,24,10],[11,25,10],[11,26,10],[11,27,10],[11,28,10],[11,29,10],[11,30,10],
+[11,31,10],[11,32,10],[11,33,10],[11,34,10],[11,35,10],[11,36,10],[11,37,10],[11,38,10],[11,39,10],[11,40,10],
+[12,0,10],[12,1,10],[12,2,10],[12,3,10],[12,4,10],[12,5,10],[12,6,10],[12,7,10],[12,8,10],[12,9,10],[12,10,10],
+[12,11,10],[12,12,10],[12,13,10],[12,14,10],[12,15,10],[12,16,10],[12,17,10],[12,18,10],[12,19,10],[12,20,10],
+[12,21,10],[12,22,10],[12,23,10],[12,24,10],[12,25,10],[12,26,10],[12,27,10],[12,28,10],[12,29,10],[12,30,10],
+[12,31,10],[12,32,10],[12,33,10],[12,34,10],[12,35,10],[12,36,10],[12,37,10],[12,38,10],[12,39,10],[12,40,10],
+[13,0,10],[13,1,10],[13,2,10],[13,3,10],[13,4,10],[13,5,10],[13,6,10],[13,7,10],[13,8,10],[13,9,10],[13,10,10],
+[13,11,10],[13,12,10],[13,13,10],[13,14,10],[13,15,10],[13,16,10],[13,17,10],[13,18,10],[13,19,10],[13,20,10],
+[13,21,10],[13,22,10],[13,23,10],[13,24,10],[13,25,10],[13,26,10],[13,27,10],[13,28,10],[13,29,10],[13,30,10],
+[13,31,10],[13,32,10],[13,33,10],[13,34,10],[13,35,10],[13,36,10],[13,37,10],[13,38,10],[13,39,10],[13,40,10],
+[14,0,10],[14,1,10],[14,2,10],[14,3,10],[14,4,10],[14,5,10],[14,6,10],[14,7,10],[14,8,10],[14,9,10],[14,10,10],
+[14,11,10],[14,12,10],[14,13,10],[14,14,10],[14,15,10],[14,16,10],[14,17,10],[14,18,10],[14,19,10],[14,20,10],
+[14,21,10],[14,22,10],[14,23,10],[14,24,10],[14,25,10],[14,26,10],[14,27,10],[14,28,10],[14,29,10],[14,30,10],
+[14,31,10],[14,32,10],[14,33,10],[14,34,10],[14,35,10],[14,36,10],[14,37,10],[14,38,10],[14,39,10],[14,40,10],
+[15,0,10],[15,1,10],[15,2,10],[15,3,10],[15,4,10],[15,5,10],[15,6,10],[15,7,10],[15,8,10],[15,9,10],[15,10,10],
+[15,11,10],[15,12,10],[15,13,10],[15,14,10],[15,15,10],[15,16,10],[15,17,10],[15,18,10],[15,19,10],[15,20,10],
+[15,21,10],[15,22,10],[15,23,10],[15,24,10],[15,25,10],[15,26,10],[15,27,10],[15,28,10],[15,29,10],[15,30,10],
+[15,31,10],[15,32,10],[15,33,10],[15,34,10],[15,35,10],[15,36,10],[15,37,10],[15,38,10],[15,39,10],[15,40,10],
+[16,0,10],[16,1,10],[16,2,10],[16,3,10],[16,4,10],[16,5,10],[16,6,10],[16,7,10],[16,8,10],[16,9,10],[16,10,10],
+[16,11,10],[16,12,10],[16,13,10],[16,14,10],[16,15,10],[16,16,10],[16,17,10],[16,18,10],[16,19,10],[16,20,10],
+[16,21,10],[16,22,10],[16,23,10],[16,24,10],[16,25,10],[16,26,10],[16,27,10],[16,28,10],[16,29,10],[16,30,10],
+[16,31,10],[16,32,10],[16,33,10],[16,34,10],[16,35,10],[16,36,10],[16,37,10],[16,38,10],[16,39,10],[16,40,10],
+[17,0,10],[17,1,10],[17,2,10],[17,3,10],[17,4,10],[17,5,10],[17,6,10],[17,7,10],[17,8,10],[17,9,10],[17,10,10],
+[17,11,10],[17,12,10],[17,13,10],[17,14,10],[17,15,10],[17,16,10],[17,17,10],[17,18,10],[17,19,10],[17,20,10],
+[17,21,10],[17,22,10],[17,23,10],[17,24,10],[17,25,10],[17,26,10],[17,27,10],[17,28,10],[17,29,10],[17,30,10],
+[17,31,10],[17,32,10],[17,33,10],[17,34,10],[17,35,10],[17,36,10],[17,37,10],[17,38,10],[17,39,10],[17,40,10],
+[18,0,10],[18,1,10],[18,2,10],[18,3,10],[18,4,10],[18,5,10],[18,6,10],[18,7,10],[18,8,10],[18,9,10],[18,10,10],
+[18,11,10],[18,12,10],[18,13,10],[18,14,10],[18,15,10],[18,16,10],[18,17,10],[18,18,10],[18,19,10],[18,20,10],
+[18,21,10],[18,22,10],[18,23,10],[18,24,10],[18,25,10],[18,26,10],[18,27,10],[18,28,10],[18,29,10],[18,30,10],
+[18,31,10],[18,32,10],[18,33,10],[18,34,10],[18,35,10],[18,36,10],[18,37,10],[18,38,10],[18,39,10],[18,40,10],
+[19,0,10],[19,1,10],[19,2,10],[19,3,10],[19,4,10],[19,5,10],[19,6,10],[19,7,10],[19,8,10],[19,9,10],[19,10,10],
+[19,11,10],[19,12,10],[19,13,10],[19,14,10],[19,15,10],[19,16,10],[19,17,10],[19,18,10],[19,19,10],[19,20,10],
+[19,21,10],[19,22,10],[19,23,10],[19,24,10],[19,25,10],[19,26,10],[19,27,10],[19,28,10],[19,29,10],[19,30,10],
+[19,31,10],[19,32,10],[19,33,10],[19,34,10],[19,35,10],[19,36,10],[19,37,10],[19,38,10],[19,39,10],[19,40,10],
+[20,0,10],[20,1,10],[20,2,10],[20,3,10],[20,4,10],[20,5,10],[20,6,10],[20,7,10],[20,8,10],[20,9,10],[20,10,10],
+[20,11,10],[20,12,10],[20,13,10],[20,14,10],[20,15,10],[20,16,10],[20,17,10],[20,18,10],[20,19,10],[20,20,10],
+[20,21,10],[20,22,10],[20,23,10],[20,24,10],[20,25,10],[20,26,10],[20,27,10],[20,28,10],[20,29,10],[20,30,10],
+[20,31,10],[20,32,10],[20,33,10],[20,34,10],[20,35,10],[20,36,10],[20,37,10],[20,38,10],[20,39,10],[20,40,10],
+[21,0,10],[21,1,10],[21,2,10],[21,3,10],[21,4,10],[21,5,10],[21,6,10],[21,7,10],[21,8,10],[21,9,10],[21,10,10],
+[21,11,10],[21,12,10],[21,13,10],[21,14,10],[21,15,10],[21,16,10],[21,17,10],[21,18,10],[21,19,10],[21,20,10],
+[21,21,10],[21,22,10],[21,23,10],[21,24,10],[21,25,10],[21,26,10],[21,27,10],[21,28,10],[21,29,10],[21,30,10],
+[21,31,10],[21,32,10],[21,33,10],[21,34,10],[21,35,10],[21,36,10],[21,37,10],[21,38,10],[21,39,10],[21,40,10],
+[22,0,10],[22,1,10],[22,2,10],[22,3,10],[22,4,10],[22,5,10],[22,6,10],[22,7,10],[22,8,10],[22,9,10],[22,10,10],
+[22,11,10],[22,12,10],[22,13,10],[22,14,10],[22,15,10],[22,16,10],[22,17,10],[22,18,10],[22,19,10],[22,20,10],
+[22,21,10],[22,22,10],[22,23,10],[22,24,10],[22,25,10],[22,26,10],[22,27,10],[22,28,10],[22,29,10],[22,30,10],
+[22,31,10],[22,32,10],[22,33,10],[22,34,10],[22,35,10],[22,36,10],[22,37,10],[22,38,10],[22,39,10],[22,40,10],
+[23,0,10],[23,1,10],[23,2,10],[23,3,10],[23,4,10],[23,5,10],[23,6,10],[23,7,10],[23,8,10],[23,9,10],[23,10,10],
+[23,11,10],[23,12,10],[23,13,10],[23,14,10],[23,15,10],[23,16,10],[23,17,10],[23,18,10],[23,19,10],[23,20,10],
+[23,21,10],[23,22,10],[23,23,10],[23,24,10],[23,25,10],[23,26,10],[23,27,10],[23,28,10],[23,29,10],[23,30,10],
+[23,31,10],[23,32,10],[23,33,10],[23,34,10],[23,35,10],[23,36,10],[23,37,10],[23,38,10],[23,39,10],[23,40,10],
+[24,0,10],[24,1,10],[24,2,10],[24,3,10],[24,4,10],[24,5,10],[24,6,10],[24,7,10],[24,8,10],[24,9,10],[24,10,10],
+[24,11,10],[24,12,10],[24,13,10],[24,14,10],[24,15,10],[24,16,10],[24,17,10],[24,18,10],[24,19,10],[24,20,10],
+[24,21,10],[24,22,10],[24,23,10],[24,24,10],[24,25,10],[24,26,10],[24,27,10],[24,28,10],[24,29,10],[24,30,10],
+[24,31,10],[24,32,10],[24,33,10],[24,34,10],[24,35,10],[24,36,10],[24,37,10],[24,38,10],[24,39,10],[24,40,10],
+[25,0,10],[25,1,10],[25,2,10],[25,3,10],[25,4,10],[25,5,10],[25,6,10],[25,7,10],[25,8,10],[25,9,10],[25,10,10],
+[25,11,10],[25,12,10],[25,13,10],[25,14,10],[25,15,10],[25,16,10],[25,17,10],[25,18,10],[25,19,10],[25,20,10],
+[25,21,10],[25,22,10],[25,23,10],[25,24,10],[25,25,10],[25,26,10],[25,27,10],[25,28,10],[25,29,10],[25,30,10],
+[25,31,10],[25,32,10],[25,33,10],[25,34,10],[25,35,10],[25,36,10],[25,37,10],[25,38,10],[25,39,10],[25,40,10],
+[26,0,10],[26,1,10],[26,2,10],[26,3,10],[26,4,10],[26,5,10],[26,6,10],[26,7,10],[26,8,10],[26,9,10],[26,10,10],
+[26,11,10],[26,12,10],[26,13,10],[26,14,10],[26,15,10],[26,16,10],[26,17,10],[26,18,10],[26,19,10],[26,20,10],
+[26,21,10],[26,22,10],[26,23,10],[26,24,10],[26,25,10],[26,26,10],[26,27,10],[26,28,10],[26,29,10],[26,30,10],
+[26,31,10],[26,32,10],[26,33,10],[26,34,10],[26,35,10],[26,36,10],[26,37,10],[26,38,10],[26,39,10],[26,40,10],
+[27,0,10],[27,1,10],[27,2,10],[27,3,10],[27,4,10],[27,5,10],[27,6,10],[27,7,10],[27,8,10],[27,9,10],[27,10,10],
+[27,11,10],[27,12,10],[27,13,10],[27,14,10],[27,15,10],[27,16,10],[27,17,10],[27,18,10],[27,19,10],[27,20,10],
+[27,21,10],[27,22,10],[27,23,10],[27,24,10],[27,25,10],[27,26,10],[27,27,10],[27,28,10],[27,29,10],[27,30,10],
+[27,31,10],[27,32,10],[27,33,10],[27,34,10],[27,35,10],[27,36,10],[27,37,10],[27,38,10],[27,39,10],[27,40,10],
+[28,0,10],[28,1,10],[28,2,10],[28,3,10],[28,4,10],[28,5,10],[28,6,10],[28,7,10],[28,8,10],[28,9,10],[28,10,10],
+[28,11,10],[28,12,10],[28,13,10],[28,14,10],[28,15,10],[28,16,10],[28,17,10],[28,18,10],[28,19,10],[28,20,10],
+[28,21,10],[28,22,10],[28,23,10],[28,24,10],[28,25,10],[28,26,10],[28,27,10],[28,28,10],[28,29,10],[28,30,10],
+[28,31,10],[28,32,10],[28,33,10],[28,34,10],[28,35,10],[28,36,10],[28,37,10],[28,38,10],[28,39,10],[28,40,10],
+[29,0,10],[29,1,10],[29,2,10],[29,3,10],[29,4,10],[29,5,10],[29,6,10],[29,7,10],[29,8,10],[29,9,10],[29,10,10],
+[29,11,10],[29,12,10],[29,13,10],[29,14,10],[29,15,10],[29,16,10],[29,17,10],[29,18,10],[29,19,10],[29,20,10],
+[29,21,10],[29,22,10],[29,23,10],[29,24,10],[29,25,10],[29,26,10],[29,27,10],[29,28,10],[29,29,10],[29,30,10],
+[29,31,10],[29,32,10],[29,33,10],[29,34,10],[29,35,10],[29,36,10],[29,37,10],[29,38,10],[29,39,10],[29,40,10],
+[30,0,10],[30,1,10],[30,2,10],[30,3,10],[30,4,10],[30,5,10],[30,6,10],[30,7,10],[30,8,10],[30,9,10],[30,10,10],
+[30,11,10],[30,12,10],[30,13,10],[30,14,10],[30,15,10],[30,16,10],[30,17,10],[30,18,10],[30,19,10],[30,20,10],
+[30,21,10],[30,22,10],[30,23,10],[30,24,10],[30,25,10],[30,26,10],[30,27,10],[30,28,10],[30,29,10],[30,30,10],
+[30,31,10],[30,32,10],[30,33,10],[30,34,10],[30,35,10],[30,36,10],[30,37,10],[30,38,10],[30,39,10],[30,40,10],
+[31,0,10],[31,1,10],[31,2,10],[31,3,10],[31,4,10],[31,5,10],[31,6,10],[31,7,10],[31,8,10],[31,9,10],[31,10,10],
+[31,11,10],[31,12,10],[31,13,10],[31,14,10],[31,15,10],[31,16,10],[31,17,10],[31,18,10],[31,19,10],[31,20,10],
+[31,21,10],[31,22,10],[31,23,10],[31,24,10],[31,25,10],[31,26,10],[31,27,10],[31,28,10],[31,29,10],[31,30,10],
+[31,31,10],[31,32,10],[31,33,10],[31,34,10],[31,35,10],[31,36,10],[31,37,10],[31,38,10],[31,39,10],[31,40,10],
+[32,0,10],[32,1,10],[32,2,10],[32,3,10],[32,4,10],[32,5,10],[32,6,10],[32,7,10],[32,8,10],[32,9,10],[32,10,10],
+[32,11,10],[32,12,10],[32,13,10],[32,14,10],[32,15,10],[32,16,10],[32,17,10],[32,18,10],[32,19,10],[32,20,10],
+[32,21,10],[32,22,10],[32,23,10],[32,24,10],[32,25,10],[32,26,10],[32,27,10],[32,28,10],[32,29,10],[32,30,10],
+[32,31,10],[32,32,10],[32,33,10],[32,34,10],[32,35,10],[32,36,10],[32,37,10],[32,38,10],[32,39,10],[32,40,10],
+[33,0,10],[33,1,10],[33,2,10],[33,3,10],[33,4,10],[33,5,10],[33,6,10],[33,7,10],[33,8,10],[33,9,10],[33,10,10],
+[33,11,10],[33,12,10],[33,13,10],[33,14,10],[33,15,10],[33,16,10],[33,17,10],[33,18,10],[33,19,10],[33,20,10],
+[33,21,10],[33,22,10],[33,23,10],[33,24,10],[33,25,10],[33,26,10],[33,27,10],[33,28,10],[33,29,10],[33,30,10],
+[33,31,10],[33,32,10],[33,33,10],[33,34,10],[33,35,10],[33,36,10],[33,37,10],[33,38,10],[33,39,10],[33,40,10],
+[34,0,10],[34,1,10],[34,2,10],[34,3,10],[34,4,10],[34,5,10],[34,6,10],[34,7,10],[34,8,10],[34,9,10],[34,10,10],
+[34,11,10],[34,12,10],[34,13,10],[34,14,10],[34,15,10],[34,16,10],[34,17,10],[34,18,10],[34,19,10],[34,20,10],
+[34,21,10],[34,22,10],[34,23,10],[34,24,10],[34,25,10],[34,26,10],[34,27,10],[34,28,10],[34,29,10],[34,30,10],
+[34,31,10],[34,32,10],[34,33,10],[34,34,10],[34,35,10],[34,36,10],[34,37,10],[34,38,10],[34,39,10],[34,40,10],
+[35,0,10],[35,1,10],[35,2,10],[35,3,10],[35,4,10],[35,5,10],[35,6,10],[35,7,10],[35,8,10],[35,9,10],[35,10,10],
+[35,11,10],[35,12,10],[35,13,10],[35,14,10],[35,15,10],[35,16,10],[35,17,10],[35,18,10],[35,19,10],[35,20,10],
+[35,21,10],[35,22,10],[35,23,10],[35,24,10],[35,25,10],[35,26,10],[35,27,10],[35,28,10],[35,29,10],[35,30,10],
+[35,31,10],[35,32,10],[35,33,10],[35,34,10],[35,35,10],[35,36,10],[35,37,10],[35,38,10],[35,39,10],[35,40,10],
+[36,0,10],[36,1,10],[36,2,10],[36,3,10],[36,4,10],[36,5,10],[36,6,10],[36,7,10],[36,8,10],[36,9,10],[36,10,10],
+[36,11,10],[36,12,10],[36,13,10],[36,14,10],[36,15,10],[36,16,10],[36,17,10],[36,18,10],[36,19,10],[36,20,10],
+[36,21,10],[36,22,10],[36,23,10],[36,24,10],[36,25,10],[36,26,10],[36,27,10],[36,28,10],[36,29,10],[36,30,10],
+[36,31,10],[36,32,10],[36,33,10],[36,34,10],[36,35,10],[36,36,10],[36,37,10],[36,38,10],[36,39,10],[36,40,10],
+[37,0,10],[37,1,10],[37,2,10],[37,3,10],[37,4,10],[37,5,10],[37,6,10],[37,7,10],[37,8,10],[37,9,10],[37,10,10],
+[37,11,10],[37,12,10],[37,13,10],[37,14,10],[37,15,10],[37,16,10],[37,17,10],[37,18,10],[37,19,10],[37,20,10],
+[37,21,10],[37,22,10],[37,23,10],[37,24,10],[37,25,10],[37,26,10],[37,27,10],[37,28,10],[37,29,10],[37,30,10],
+[37,31,10],[37,32,10],[37,33,10],[37,34,10],[37,35,10],[37,36,10],[37,37,10],[37,38,10],[37,39,10],[37,40,10],
+[38,0,10],[38,1,10],[38,2,10],[38,3,10],[38,4,10],[38,5,10],[38,6,10],[38,7,10],[38,8,10],[38,9,10],[38,10,10],
+[38,11,10],[38,12,10],[38,13,10],[38,14,10],[38,15,10],[38,16,10],[38,17,10],[38,18,10],[38,19,10],[38,20,10],
+[38,21,10],[38,22,10],[38,23,10],[38,24,10],[38,25,10],[38,26,10],[38,27,10],[38,28,10],[38,29,10],[38,30,10],
+[38,31,10],[38,32,10],[38,33,10],[38,34,10],[38,35,10],[38,36,10],[38,37,10],[38,38,10],[38,39,10],[38,40,10],
+[39,0,10],[39,1,10],[39,2,10],[39,3,10],[39,4,10],[39,5,10],[39,6,10],[39,7,10],[39,8,10],[39,9,10],[39,10,10],
+[39,11,10],[39,12,10],[39,13,10],[39,14,10],[39,15,10],[39,16,10],[39,17,10],[39,18,10],[39,19,10],[39,20,10],
+[39,21,10],[39,22,10],[39,23,10],[39,24,10],[39,25,10],[39,26,10],[39,27,10],[39,28,10],[39,29,10],[39,30,10],
+[39,31,10],[39,32,10],[39,33,10],[39,34,10],[39,35,10],[39,36,10],[39,37,10],[39,38,10],[39,39,10],[39,40,10],
+[40,0,10],[40,1,10],[40,2,10],[40,3,10],[40,4,10],[40,5,10],[40,6,10],[40,7,10],[40,8,10],[40,9,10],[40,10,10],
+[40,11,10],[40,12,10],[40,13,10],[40,14,10],[40,15,10],[40,16,10],[40,17,10],[40,18,10],[40,19,10],[40,20,10],
+[40,21,10],[40,22,10],[40,23,10],[40,24,10],[40,25,10],[40,26,10],[40,27,10],[40,28,10],[40,29,10],[40,30,10],
+[40,31,10],[40,32,10],[40,33,10],[40,34,10],[40,35,10],[40,36,10],[40,37,10],[40,38,10],[40,39,10],[40,40,10]
 ]
\ No newline at end of file
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
diff --git a/read_com/js/function_7.js b/read_com/js/function_7.js
index bbc725d..787d122 100644
--- a/read_com/js/function_7.js
+++ b/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`)
diff --git a/read_com/test.html b/read_com/test.html
new file mode 100644
index 0000000..433cd89
--- /dev/null
+++ b/read_com/test.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8" />
+    <title>ECharts</title>
+    <script src="./js/echarts.min.js"></script>
+    <script src="./js/echarts.gl.min.js"></script>
+    <script src="./js/3d_data.js"></script>
+    <style>
+        #main {
+            /*瀵瑰瓙鍏冪礌寮�鍚脊鎬у竷灞�*/
+            display: flex;
+            /*寮规�у厓绱犲湪蹇呰鐨勬椂鍊欐崲琛�*/
+            flex-wrap: wrap;
+            /*灏嗗脊鎬у厓绱犲眳涓�*/
+            justify-content: center;
+
+            width: 600px;
+
+            height: 700px;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="main">
+    </div>
+    <script type="text/javascript">
+        var chartDom = document.getElementById('main');
+        var myChart = echarts.init(chartDom);
+        var option;
+
+        function makeDate() {
+            let result = [];
+            let total = 19; // 姣忓眰鐨勬暟鎹瘑闆嗙▼搴�
+            for (let layer = 1; layer <= 28; ++layer) {
+                for (let bs = 0; bs != total; ++bs) {
+                    result.push([17.5 / total * bs, layer, 0.2 + Math.random() * 1.3])
+                }
+            }
+            return result
+        }
+        let data = makeDate()
+
+       
+
+        option = {
+            tooltip: {},
+            xAxis3D: {
+                name: 'X',
+                type: 'value'
+            },
+            yAxis3D: {
+                name: 'Y',
+                type: 'value'
+            },
+            zAxis3D: {
+                name: 'Z',
+                type: 'value',
+                min: 0,
+                max: 500,
+            },
+            visualMap: {
+                type: 'continuous',
+                calculable: true, 
+                itemHeight: 350, 
+                left: 'right',
+                top: 'center',
+                show: true,
+                dimension: 2,
+                min: 0,
+                max: 1.8,
+                inRange: {
+                    color: [
+                        '#313695',
+                        '#4575b4',
+                        '#74add1',
+                        '#abd9e9',
+                        '#e0f3f8',
+                        '#ffffbf',
+                        '#fee090',
+                        '#fdae61',
+                        '#f46d43',
+                        '#d73027',
+                        '#a50026'
+                    ],
+                }
+            },
+            grid3D: {
+                viewControl: {
+                    distance: 300
+                },
+            },
+            series: [
+                {
+                    type: 'surface',
+                    wireframe: {
+                        show: true,
+                    },
+                    data: data
+                }
+            ]
+        };
+
+        option && myChart.setOption(option);
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/read_com/test.js b/read_com/test.js
index 5c32c08..e69de29 100644
--- a/read_com/test.js
+++ b/read_com/test.js
@@ -1,118 +0,0 @@
-
-const { SerialPort } = require('serialport');
-
-SerialPort.list().then((ports) => {
-    console.log(ports); // 鎵撳嵃涓插彛鍒楄〃
-}).catch((err) => {
-    console.log(err);
-});
-
-
-// const arr = [43.4,34,34,243,56,4657,86,6,34,34]
-// let sum = 0
-// for(let i=0;i<arr.length;i++){
-//     sum+=arr[i]
-// }
-// console.log(sum)
-// // console.log(eval(arr.join('+'))) //璁＄畻鏁扮粍鎬诲拰
-
-
-// option = {
-//     tooltip: {},
-//     backgroundColor: '#fff',
-//     visualMap: [{
-//         show: false,
-//         dimension:0,//鎸夌収x杞存笎鍙�
-//         min: 0,//TODO闇�瑕佹牴鎹暟鎹姩鎬佽皟鏁�
-//         max: 1800,//TODO闇�瑕佹牴鎹暟鎹姩鎬佽皟鏁�
-//     // let mapMax = Math.max(...data.map(item => item[2]));
-//     // let mapMin = Math.min(...data.map(item => item[2]));
-//         seriesIndex: 0,
-//         target: {
-//             inRange: {
-//             color: ['rgba(168,172,249,0.6)','rgba(130,103,191,0.6)', 'rgba(160,82,164,0.8)','rgba(190,247,212,0.6)', 'rgba(215,237,192,0.6)','rgba(246,143,137,0.6)']
-//             // color: ['red','green']
-//             }
-//         },
-
-//     },{
-//         show: false,
-//         seriesIndex: 1,
-//         target: {
-//             inRange: {
-//                 symbolSize: [10, 20],
-//                 color: 'red'
-//             },
-//         }
-//     }],
-//     xAxis3D: {
-//         type: 'value',
-//         name: 'x',
-//         splitArea: {
-//             show: true,
-//             areaStyle: {
-//                 color: ['rgb(248,248,248)','rgb(248,248,248)']
-//             }
-//         }
-//     },
-//     yAxis3D: {
-//         type: 'value',
-//         name: 'y',
-//         splitArea: {
-//             show: true,
-//             areaStyle: {
-//                 color: ['rgb(248,248,248)','rgb(248,248,248)']
-//             }
-//         }
-//     },
-//     zAxis3D: {
-//         type: 'value',
-//         name: 'z',
-//         splitArea: {
-//             show: true,
-//             areaStyle: {
-//                 color: ['rgb(248,248,248)','rgb(248,248,248)']
-//             }
-//         }
-//     },
-//     grid3D: {
-//         // environment: 'rgb(248,248,248)',
-//         viewControl: {
-//             // projection: 'orthographic'
-//             // beta: -45
-//         }
-//     },
-//     series: [{
-//         type: 'surface',
-//         name: 'test',
-//         wireframe: {
-//             show: false
-//         },
-//         zlevel: -10,
-//         data: [
-//             [0,20,0.006],[1000,20,0.009],[1200,20,0.0095],[1500,20,0.010],
-//             // [0,40,0.016],[1000,40,0.022],[1200,40,0.024],[1500,40,0.025],
-//             [0,60,0.006],[1000,60,0.012],[1200,60,0.014],[1500,60,0.015],
-//             [0,80,0.008],[1000,80,0.015],[1200,80,0.017],[1500,80,0.020],
-//             [0,100,0.015],[1000,100,0.022],[1200,100,0.026],[1500,100,0.032],
-//         ] 
-//         //杩欓噷鐨勭偣鍧愭爣鏄殢渚垮啓鐨勶紝浣嗘槸闇�瑕佷竴瀹氱殑瑙勫緥锛屽惁鍒欏彲鑳芥覆鏌撲笉鍑烘潵銆�
-//         //姣斿鍗氫富杩欓噷鍐欑殑鏄細
-//         //绗竴琛屽浐瀹歽=20锛寈鍜寊鏀瑰彉锛�
-//         //绗簩琛屽浐瀹歽=40锛屽悓鏃秞鎸夌収绗竴鎺抶鐨勮寰嬪啓锛寊鑷敱鏀瑰彉锛屼互姝ょ被鎺�...锛堜粎涓汉鐚滄祴锛�
-       
-//     },{
-//         type: 'scatter3D',
-//         // symbol: 'circle',
-//         symbol: 'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z',
-//         zlevel: 10,
-//         itemStyle:{
-//             color: 'black'
-//         },
-//         data:[
-//             [600,28,0.007],[1109,27,0.007],[1763,88,0.064]
-//         ]
-//     }]
-// }
-
-    

--
Gitblit v1.9.1