cshenfu
2023-03-22 0f396039885600f920cb041a10b71001e6960917
0322
1个文件已添加
6个文件已修改
1331 ■■■■■ 已修改文件
read_com/css/style.css 1 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
read_com/index.html 332 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
read_com/js/3d_data.js 236 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
read_com/js/function.js 246 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
read_com/js/function_7.js 288 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
read_com/test.html 110 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
read_com/test.js 118 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
read_com/css/style.css
@@ -577,4 +577,5 @@
    height: 1500px;
    width: 1500px;
    overflow: hidden;
    margin-bottom: 500px;
    }
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分区数据和JS -->
<!-- <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>
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]
]
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
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`)
read_com/test.html
New file
@@ -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>
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],
//         ]
//         //这里的点坐标是随便写的,但是需要一定的规律,否则可能渲染不出来。
//         //比如博主这里写的是:
//         //第一行固定y=20,x和z改变;
//         //第二行固定y=40,同时x按照第一排x的规律写,z自由改变,以此类推...(仅个人猜测)
//     },{
//         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]
//         ]
//     }]
// }