template/Plantar_pressure.git

parent: 03eca275 | 补丁 | 提交 | show whitespace

cshenfu

2023-03-14 2903954ebc0d10a81b78741bc5ddae3bc7216cf6

change style

6个文件已修改

1个文件已添加

	read_com/css/style.css	39 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	read_com/index.html	39 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	read_com/js/.DS_Store	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	read_com/js/3D.js	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	read_com/js/function.js	384 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	read_com/js/heatmap_data.js	685 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	read_com/test.js	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 read_com/css/style.css

@@ -314,17 +314,17 @@
    width: 600px;
} */

.foot div{
.foot div,.region_data div{
    border: 1px solid black;
    padding: 5px;
}
.foot span{
.foot span,.region_data span{
    display: inline-block;
    width: 120px;
    margin: 0 5px;
    text-align: right;
}
.foot p{
.foot p,.region_data p{
    line-height: 24px;
    font-size: 24px;
    height: 24px;
@@ -342,6 +342,16 @@
    left: 980px;
}

.region_data .dataLeft{
    position: absolute;
    top: 100px;
    left: 1540px;
}
.region_data .dataRight{
    position: absolute;
    top: 100px;
    left: 1980px;
}



@@ -467,37 +477,37 @@



.foot .colorCircle{
.foot .colorCircle,.region_data .colorCircle{
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.region1 .colorCircle{
.region1 .colorCircle,.region1_2 .colorCircle{
    background-color: #1D38C3;
}
.region2 .colorCircle{
.region2 .colorCircle,.region2_2 .colorCircle{
    background-color: #FF4C4F;
}
.region3 .colorCircle{
.region3 .colorCircle,.region3_2 .colorCircle{
    background-color: #fdec3d;
}
.region4 .colorCircle{
.region4 .colorCircle,.region4_2 .colorCircle{
    background-color: #73d13d;
}
.region5 .colorCircle{
.region5 .colorCircle,.region5_2 .colorCircle{
    background-color: #41a8ff;
}
.region6 .colorCircle{
.region6 .colorCircle,.region6_2 .colorCircle{
    background-color: #37cfca;
}
.region7 .colorCircle{
.region7 .colorCircle,.region7_2 .colorCircle{
    background-color: #ffa940;
}
.region8 .colorCircle{
.region8 .colorCircle,.region8_2 .colorCircle{
    background-color: #f75baa;
}
.region9 .colorCircle{
.region9 .colorCircle,.region9_2 .colorCircle{
    background-color: #9153de;
}

@@ -548,6 +558,9 @@
    background-size: 50% 100%;
    transform:scale(-1,1);
}
.right_map_top,.right_map_middle,.right_map_buttom{
    transform:scale(-1,1);
}


.sum_data{

 read_com/index.html

@@ -394,7 +394,15 @@
<!-- 热力图 -->
<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>


@@ -403,12 +411,41 @@


</div>

<!-- 总览 -->
<div class="region_data">
  <div class="dataLeft">
    <p>左脚(总)</p>
    <p class="region9_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region8_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region7_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region6_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region5_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region4_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region3_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region2_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region1_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
</div>
<div class="dataRight">
    <p>右脚(总)</p>
    <p class="region9_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region8_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region7_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region6_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region5_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region4_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region3_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region2_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
    <p class="region1_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
</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/3D.js"></script>
<!-- <script src="./js/function.js"></script> -->
<!-- <script src="./js/function2.js"></script> -->
  </body>
</html>

 read_com/js/.DS_Store

Binary files differ

 read_com/js/3D.js

@@ -4,8 +4,8 @@
  useDirtyRect: false

});

var app = {};

for(let i=0;i<data_arr.length;i++){

    new_3d_data[data_arr[i]][2] = 500

for(let i=0;i<data_arr_option.length;i++){

    new_3d_data[data_arr_option[i]][2] = 500

}



var option;


 read_com/js/function.js

@@ -35,129 +35,110 @@
var right_port = "/dev/tty.usbserial-14130"//左右脚对应的串口号
var read_file = true
var heatmapInstance = h337.create({
    container: document.querySelector('.left_map_top')
  });
  var heatmapInstance_top = h337.create({
    container: document.querySelector('.left_map_middle')
  });
  var heatmapInstance_middle = h337.create({
    container: document.querySelector('.left_map_buttom')
  });
  var heatmapInstance_buttom = h337.create({
    container: document.querySelector('.left_map')
  });
var heatmapInstance2 = h337.create({
container: document.querySelector('.right_map')
});
var heatmapInstance2_top = h337.create({
    container: document.querySelector('.right_map_top')
});
var heatmapInstance2_middle = h337.create({
    container: document.querySelector('.right_map_middle')
});
var heatmapInstance2_buttom = h337.create({
    container: document.querySelector('.right_map_buttom')
});

// var dom = document.getElementById('chart-container');
// var myChart = echarts.init(dom, 'dark', {
//   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' }
//     //     },
//     //     axisPointer: {
//     //       lineStyle: { color: '#fff' }
//     //     },
//     //     viewControl: {
//     //       // autoRotate: true
//     //     },
//     //     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);
//     //         }
//     //       }
//     //     }
//     //   ]
//     // })
//     (option = {
//         tooltip: {},
//         backgroundColor: '#fff',
//         visualMap: {
//             show: false,
//             dimension: 2,
//             min: -1,
//             max: 1,
//             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: {
//             viewControl: {
//                 // projection: 'orthographic'
//             }
//         },
//         series: [{
//             type: 'surface',
//             wireframe: {
//                 // show: false
//             },
//             equation: {
                
//                 z: function (x, y) {
//                     if (Math.abs(x) < 0.1 && Math.abs(y) < 0.1) {
//                         return '-';
//                     }
//                     return x*x*(1/y);
//                 }
//             }
//         }]
//     }
//     )
//   );
var dom = document.getElementById('chart-container');
var myChart = echarts.init(dom, 'dark', {
  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' }
        },
        axisPointer: {
          lineStyle: { color: '#fff' }
        },
        viewControl: {
          // autoRotate: true
        },
        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);
            }
          }
        }
      ]
    })
  );



//   输出值转化为压力值

function transfor(num){
    let num1 = num/9500/0.014/9.8
    return num1
}
console.log(transfor(70000))



@@ -532,6 +513,8 @@
        $('.back').attr('disabled',true) //关闭回放功能
        $('.download').attr('disabled',true)
        if(!clear){
            // $('#excel-file-left').val() = ''
            // $('#excel-file-right').val() = ''
            console.log("清空了")
            arr_arr = []
            arr_arr2 = [] //清除上一次数据
@@ -553,9 +536,24 @@
            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);

                for(let i=0;i<data_arr_option.length;i++){
                    new_3d_data[data_arr_option[i]][2] = data_end[i]
                }
                // myC

                arr_arr.push(data1)
                for(let i=0;i<data.length;i++){
                    for(let x=0;x<data[i].length;x++){
@@ -642,9 +640,19 @@
                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);
    
                arr_arr2.push(data1)
                for(let i=0;i<data.length;i++){
                    for(let x=0;x<data[i].length;x++){
@@ -674,6 +682,15 @@
                        }
                        if(i==data.length-1&&x==data[i].length-1){
                            sum_99_2 = sum_region1_2+sum_region2_2+sum_region3_2+sum_region4_2+sum_region5_2+sum_region6_2+sum_region7_2+sum_region8_2+sum_region9_2
                            sum_9_region2[0].push(sum_region1_2)
                            sum_9_region2[1].push(sum_region2_2)
                            sum_9_region2[2].push(sum_region3_2)
                            sum_9_region2[3].push(sum_region4_2)
                            sum_9_region2[4].push(sum_region5_2)
                            sum_9_region2[5].push(sum_region6_2)
                            sum_9_region2[6].push(sum_region7_2)
                            sum_9_region2[7].push(sum_region8_2)
                            sum_9_region2[8].push(sum_region9_2)
                            $('.dataLeft .region1 .ave').text((sum_region1_2/region_length2[0]).toFixed(5));
                            $('.dataLeft .region1 .pr').text(toPercent((sum_region1_2/sum_99_2).toFixed(5)));
                            $('.dataLeft .region2 .ave').text((sum_region2_2/region_length2[1]).toFixed(5));
@@ -710,15 +727,7 @@
                            addData(lineChart2, 6, 'time3',(sum_region7_2/region_length2[6]).toFixed(5))
                            addData(lineChart2, 7, 'time3',(sum_region8_2/region_length2[7]).toFixed(5))
                            addData(lineChart2, 8, 'time3',(sum_region9_2/region_length2[8]).toFixed(5))
                            sum_9_region2[0].push(sum_region1_2)
                            sum_9_region2[1].push(sum_region2_2)
                            sum_9_region2[2].push(sum_region3_2)
                            sum_9_region2[3].push(sum_region4_2)
                            sum_9_region2[4].push(sum_region5_2)
                            sum_9_region2[5].push(sum_region6_2)
                            sum_9_region2[6].push(sum_region7_2)
                            sum_9_region2[7].push(sum_region8_2)
                            sum_9_region2[8].push(sum_region9_2)
                            
                        }
                    }
                }
@@ -730,12 +739,31 @@

    //结束按钮
    $('.end').click(function(){
        console.log(sum_9_region)
        // var socket = io('http://127.0.0.1:3001');
        // console.log(sum_9_region,sum_9_region2)
        if(arr_arr.length == 0&&arr_arr2.length == 0){
            alert("暂无数据")
            $('.start').attr('disabled',false)
        }else{
            $('.dataRight .region1_2 .ave').text((eval(sum_9_region[0].join('+'))/sum_9_region[0].length).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((eval(sum_9_region[1].join('+'))/sum_9_region[1].length).toFixed(5));
            $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
            $('.dataRight .region3_2 .ave').text((eval(sum_9_region[2].join('+'))/sum_9_region[2].length).toFixed(5));
            $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
            $('.dataRight .region4_2 .ave').text((eval(sum_9_region[3].join('+'))/sum_9_region[3].length).toFixed(5));
            $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
            $('.dataRight .region5_2 .ave').text((eval(sum_9_region[4].join('+'))/sum_9_region[4].length).toFixed(5));
            $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
            $('.dataRight .region6_2 .ave').text((eval(sum_9_region[5].join('+'))/sum_9_region[5].length).toFixed(5));
            $('.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((eval(sum_9_region[6].join('+'))/sum_9_region[6].length).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((eval(sum_9_region[7].join('+'))/sum_9_region[7].length).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((eval(sum_9_region[8].join('+'))/sum_9_region[8].length).toFixed(5));
            $('.dataRight .region9_2 .pr').text(toPercent((eval(sum_9_region[8].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
            for(let i=0;i<sum_9_region.length;i++){
                let data_end_region = eval(sum_9_region[i].join('+'))
                persens_arr.push(data_end_region)
@@ -759,6 +787,8 @@
        if(arr_arr.length == 0&&arr_arr2.length == 0){
            alert('暂无数据')
        }else{
            sum_9_region = [[],[],[],[],[],[],[],[],[]],
sum_9_region2 = [[],[],[],[],[],[],[],[],[]],
            clear = false
        timer = setInterval(function(){
            
@@ -771,10 +801,22 @@
                for(let i=0;i<data_map.data?.length;i++){
                    data_map.data[i].value = data_end_left[i]
                    data_map.data[i].radius = data_end_left[i]<10?0:50
                    data_map_top.data[i].value = data_end_left[i]
                    data_map_top.data[i].radius = data_end_left[i]<10?0:50
                    data_map_middle.data[i].value = data_end_left[i]
                    data_map_middle.data[i].radius = data_end_left[i]<10?0:50
                    data_map_buttom.data[i].value = data_end_left[i]
                    data_map_buttom.data[i].radius = data_end_left[i]<10?0:50
                }
                for(let i=0;i<data_map2.data?.length;i++){
                    data_map2.data[i].value = parseInt(data_end_right[i])
                    data_map2.data[i].radius = parseInt(data_end_right[i])<10?0:50
                    data_map2_top.data[i].value = data_end_right[i]
                    data_map2_top.data[i].radius = data_end_right[i]<10?0:50
                    data_map2_middle.data[i].value = data_end_right[i]
                    data_map2_middle.data[i].radius = data_end_right[i]<10?0:50
                    data_map2_buttom.data[i].value = data_end_right[i]
                    data_map2_buttom.data[i].radius = data_end_right[i]<10?0:50
                }
            }else if(arr_arr.length == 0&&arr_arr2.length!=0){
                step = 0
@@ -782,6 +824,12 @@
                for(let i=0;i<data_map.data?.length;i++){
                    data_map.data[i].value = data_end_left[i]
                    data_map.data[i].radius = data_end_left[i]<10?0:50
                    data_map_top.data[i].value = data_end_left[i]
                    data_map_top.data[i].radius = data_end_left[i]<10?0:50
                    data_map_middle.data[i].value = data_end_left[i]
                    data_map_middle.data[i].radius = data_end_left[i]<10?0:50
                    data_map_buttom.data[i].value = data_end_left[i]
                    data_map_buttom.data[i].radius = data_end_left[i]<10?0:50
                }
            }else if(arr_arr2.length == 0&&arr_arr.length!=0){
                step2 = 0
@@ -789,11 +837,23 @@
                for(let i=0;i<data_map2.data?.length;i++){
                    data_map2.data[i].value = data_end_right[i]
                    data_map2.data[i].radius = data_end_right[i]<10?0:50
                    data_map2_top.data[i].value = data_end_right[i]
                    data_map2_top.data[i].radius = data_end_right[i]<10?0:50
                    data_map2_middle.data[i].value = data_end_right[i]
                    data_map2_middle.data[i].radius = data_end_right[i]<10?0:50
                    data_map2_buttom.data[i].value = data_end_right[i]
                    data_map2_buttom.data[i].radius = data_end_right[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);
            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<arr_arr[step]?.data.length;i++){
                    for(let x=0;x<arr_arr[step].data[i].length;x++){
                        let id_end = trueID(i)
@@ -821,6 +881,15 @@
                    }
                    if(i==arr_arr[step].data.length-1&&x==arr_arr[step].data[i].length-1){
                        sum_99 = sum_region1+sum_region2+sum_region3+sum_region4+sum_region5+sum_region6+sum_region7+sum_region8+sum_region9
                        sum_9_region[0].push(sum_region1)
                        sum_9_region[1].push(sum_region2)
                        sum_9_region[2].push(sum_region3)
                        sum_9_region[3].push(sum_region4)
                        sum_9_region[4].push(sum_region5)
                        sum_9_region[5].push(sum_region6)
                        sum_9_region[6].push(sum_region7)
                        sum_9_region[7].push(sum_region8)
                        sum_9_region[8].push(sum_region9)
                        $('.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));
@@ -924,6 +993,15 @@
                        addData(lineChart2, 6, 'time2',(sum_region7_2/region_length2[6]).toFixed(5))
                        addData(lineChart2, 7, 'time2',(sum_region8_2/region_length2[7]).toFixed(5))
                        addData(lineChart2, 8, 'time2',(sum_region9_2/region_length2[8]).toFixed(5))
                        sum_9_region2[0].push(sum_region1_2)
                        sum_9_region2[1].push(sum_region2_2)
                        sum_9_region2[2].push(sum_region3_2)
                        sum_9_region2[3].push(sum_region4_2)
                        sum_9_region2[4].push(sum_region5_2)
                        sum_9_region2[5].push(sum_region6_2)
                        sum_9_region2[6].push(sum_region7_2)
                        sum_9_region2[7].push(sum_region8_2)
                        sum_9_region2[8].push(sum_region9_2)
                    }
                }
        }
@@ -932,17 +1010,72 @@
        if(arr_arr.length!=0&&arr_arr2.length!=0){
            if(step == arr_arr.length-1&&step2 == arr_arr2.length-1){
                clearInterval(timer)
                $('.dataRight .region1_2 .ave').text((eval(sum_9_region[0].join('+'))/sum_9_region[0].length).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((eval(sum_9_region[1].join('+'))/sum_9_region[1].length).toFixed(5));
                $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                $('.dataRight .region3_2 .ave').text((eval(sum_9_region[2].join('+'))/sum_9_region[2].length).toFixed(5));
                $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                $('.dataRight .region4_2 .ave').text((eval(sum_9_region[3].join('+'))/sum_9_region[3].length).toFixed(5));
                $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                $('.dataRight .region5_2 .ave').text((eval(sum_9_region[4].join('+'))/sum_9_region[4].length).toFixed(5));
                $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                $('.dataRight .region6_2 .ave').text((eval(sum_9_region[5].join('+'))/sum_9_region[5].length).toFixed(5));
                $('.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((eval(sum_9_region[6].join('+'))/sum_9_region[6].length).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((eval(sum_9_region[7].join('+'))/sum_9_region[7].length).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((eval(sum_9_region[8].join('+'))/sum_9_region[8].length).toFixed(5));
                $('.dataRight .region9_2 .pr').text(toPercent((eval(sum_9_region[8].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                step = 0
                step2 = 0
            }
        }else if(arr_arr.length == 0){
            if(step2 == arr_arr2.length-1){
                $('.dataRight .region1_2 .ave').text((eval(sum_9_region[0].join('+'))/sum_9_region[0].length).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((eval(sum_9_region[1].join('+'))/sum_9_region[1].length).toFixed(5));
                $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                $('.dataRight .region3_2 .ave').text((eval(sum_9_region[2].join('+'))/sum_9_region[2].length).toFixed(5));
                $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                $('.dataRight .region4_2 .ave').text((eval(sum_9_region[3].join('+'))/sum_9_region[3].length).toFixed(5));
                $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                $('.dataRight .region5_2 .ave').text((eval(sum_9_region[4].join('+'))/sum_9_region[4].length).toFixed(5));
                $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                $('.dataRight .region6_2 .ave').text((eval(sum_9_region[5].join('+'))/sum_9_region[5].length).toFixed(5));
                $('.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((eval(sum_9_region[6].join('+'))/sum_9_region[6].length).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((eval(sum_9_region[7].join('+'))/sum_9_region[7].length).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((eval(sum_9_region[8].join('+'))/sum_9_region[8].length).toFixed(5));
                $('.dataRight .region9_2 .pr').text(toPercent((eval(sum_9_region[8].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                clearInterval(timer)
                step = 0
                step2 = 0
            }
        }else if(arr_arr2.length == 0){
            if(step == arr_arr.length-1){
                console.log(sum_9_region,sum_9_region2)
                $('.dataRight .region1_2 .ave').text((eval(sum_9_region[0].join('+'))/sum_9_region[0].length).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((eval(sum_9_region[1].join('+'))/sum_9_region[1].length).toFixed(5));
                $('.dataRight .region2_2 .pr').text(toPercent((eval(sum_9_region[1].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                $('.dataRight .region3_2 .ave').text((eval(sum_9_region[2].join('+'))/sum_9_region[2].length).toFixed(5));
                $('.dataRight .region3_2 .pr').text(toPercent((eval(sum_9_region[2].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                $('.dataRight .region4_2 .ave').text((eval(sum_9_region[3].join('+'))/sum_9_region[3].length).toFixed(5));
                $('.dataRight .region4_2 .pr').text(toPercent((eval(sum_9_region[3].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                $('.dataRight .region5_2 .ave').text((eval(sum_9_region[4].join('+'))/sum_9_region[4].length).toFixed(5));
                $('.dataRight .region5_2 .pr').text(toPercent((eval(sum_9_region[4].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                $('.dataRight .region6_2 .ave').text((eval(sum_9_region[5].join('+'))/sum_9_region[5].length).toFixed(5));
                $('.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((eval(sum_9_region[6].join('+'))/sum_9_region[6].length).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((eval(sum_9_region[7].join('+'))/sum_9_region[7].length).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((eval(sum_9_region[8].join('+'))/sum_9_region[8].length).toFixed(5));
                $('.dataRight .region9_2 .pr').text(toPercent((eval(sum_9_region[8].join('+'))/eval(sum_9_region.flat().join('+'))).toFixed(5)));
                clearInterval(timer)
                step = 0
                step2 = 0
@@ -1355,7 +1488,9 @@
                    persons2[i].length = 112
                    let data_ee = fun(persons2[i],28)
                    arr_arr2.push({"data":data_ee})
                    
                }
                
                $('.last').attr('disabled',false)
                $('.next').attr('disabled',false)
                $('.back').attr('disabled',false) //开启回放功能
@@ -1364,6 +1499,7 @@
        };
        // 以二进制方式打开文件
        fileReader2.readAsBinaryString(files2[0]);
        console.log(arr_arr2)
    });
    $('#excel-file-right').change(function(e) {
        read_file = false

 read_com/js/heatmap_data.js

@@ -226,4 +226,689 @@
    ]
     
  };
var data_map_top = {
  //最大值
  max: 3000,
  main:50,
  //x:在容器中的横坐标，y:纵坐标,value:点的值，越接近Max值越红，radius：该点的颜色范围
  data: [
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:345,y:210,value:0,radius:0},
    {x:315,y:210,value:0,radius:0},
    {x:285,y:210,value:0,radius:0},
    {x:255,y:210,value:0,radius:0},
    {x:225,y:210,value:0,radius:0},
    {x:195,y:210,value:0,radius:0},
    {x:165,y:210,value:0,radius:0},
    {x:345,y:180,value:0,radius:0},
    {x:315,y:180,value:0,radius:0},
    {x:285,y:180,value:0,radius:0},
    {x:255,y:180,value:0,radius:0},
    {x:225,y:180,value:0,radius:0},
    {x:195,y:180,value:0,radius:0},
    {x:165,y:180,value:0,radius:0},
    {x:345,y:150,value:0,radius:0},
    {x:315,y:150,value:0,radius:0},
    {x:285,y:150,value:0,radius:0},
    {x:255,y:151,value:0,radius:0},
    {x:225,y:150,value:0,radius:0},
    {x:195,y:150,value:0,radius:0},
    {x:165,y:150,value:0,radius:0},
    {x:345,y:120,value:0,radius:0},
    {x:315,y:120,value:0,radius:0},
    {x:285,y:120,value:0,radius:0},
    {x:255,y:120,value:0,radius:0},
    {x:225,y:120,value:0,radius:0},
    {x:195,y:120,value:0,radius:0},
    {x:165,y:120,value:0,radius:0},
    {x:345,y:90,value:0,radius:0},
    {x:315,y:90,value:0,radius:0},
    {x:285,y:90,value:0,radius:0},
    {x:255,y:90,value:0,radius:0},
    {x:225,y:90,value:0,radius:0},
    {x:195,y:90,value:0,radius:0},
    {x:165,y:90,value:0,radius:0},
    {x:345,y:60,value:0,radius:0},
    {x:315,y:60,value:0,radius:0},
    {x:285,y:60,value:0,radius:0},
    {x:255,y:60,value:0,radius:0},
    {x:225,y:60,value:0,radius:0},
    {x:195,y:60,value:0,radius:0},
    {x:165,y:60,value:0,radius:0},
    {x:345,y:30,value:0,radius:0},
    {x:315,y:30,value:0,radius:0},
    {x:285,y:30,value:0,radius:0},
    {x:255,y:30,value:0,radius:0},
    {x:225,y:30,value:0,radius:0},
    {x:195,y:30,value:0,radius:0},
    {x:165,y:30,value:0,radius:0}
  ]
   
};
var data_map_middle = {
  //最大值
  max: 3000,
  main:50,
  //x:在容器中的横坐标，y:纵坐标,value:点的值，越接近Max值越红，radius：该点的颜色范围
  data: [
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:320,y:330,value:0,radius:0},
    {x:315,y:330,value:0,radius:0},
    {x:285,y:330,value:0,radius:0},
    {x:255,y:330,value:0,radius:0},
    {x:225,y:330,value:0,radius:0},
    {x:195,y:330,value:0,radius:0},
    {x:165,y:330,value:0,radius:0},
    {x:320,y:300,value:0,radius:0},
    {x:315,y:300,value:0,radius:0},
    {x:285,y:300,value:0,radius:0},
    {x:255,y:300,value:0,radius:0},
    {x:225,y:300,value:0,radius:0},
    {x:195,y:300,value:0,radius:0},
    {x:165,y:300,value:0,radius:0},
    {x:320,y:270,value:0,radius:0},
    {x:315,y:270,value:0,radius:0},
    {x:285,y:270,value:0,radius:0},
    {x:255,y:270,value:0,radius:0},
    {x:225,y:270,value:0,radius:0},
    {x:195,y:270,value:0,radius:0},
    {x:165,y:270,value:0,radius:0},
    {x:325,y:240,value:0,radius:0},
    {x:315,y:240,value:0,radius:0},
    {x:285,y:240,value:0,radius:0},
    {x:255,y:240,value:0,radius:0},
    {x:225,y:240,value:0,radius:0},
    {x:195,y:240,value:0,radius:0},
    {x:165,y:240,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:151,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0}
  ]
   
};
var data_map_buttom = {
  //最大值
  max: 3000,
  main:50,
  //x:在容器中的横坐标，y:纵坐标,value:点的值，越接近Max值越红，radius：该点的颜色范围
  data: [
    {x:345,y:450,value:0,radius:0},
    {x:315,y:450,value:0,radius:0},
    {x:285,y:450,value:0,radius:0},
    {x:255,y:450,value:0,radius:0},
    {x:225,y:450,value:0,radius:0},
    {x:195,y:450,value:0,radius:0},
    {x:165,y:450,value:0,radius:0},
    {x:320,y:420,value:0,radius:0},
    {x:315,y:420,value:0,radius:0},
    {x:285,y:420,value:0,radius:0},
    {x:255,y:420,value:0,radius:0},
    {x:225,y:420,value:0,radius:0},
    {x:195,y:420,value:0,radius:0},
    {x:165,y:420,value:0,radius:0},
    {x:320,y:390,value:0,radius:0},
    {x:315,y:390,value:0,radius:0},
    {x:285,y:390,value:0,radius:0},
    {x:255,y:390,value:0,radius:0},
    {x:225,y:390,value:0,radius:0},
    {x:195,y:390,value:0,radius:0},
    {x:165,y:390,value:0,radius:0},
    {x:320,y:360,value:0,radius:0},
    {x:315,y:360,value:0,radius:0},
    {x:285,y:360,value:0,radius:0},
    {x:255,y:360,value:0,radius:0},
    {x:225,y:360,value:0,radius:0},
    {x:195,y:360,value:0,radius:0},
    {x:165,y:360,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:151,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0}
  ]
   
};
var data_map2_top = {
  //最大值
  max: 3000,
  main:50,
  //x:在容器中的横坐标，y:纵坐标,value:点的值，越接近Max值越红，radius：该点的颜色范围
  data: [
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:345,y:210,value:0,radius:0},
    {x:315,y:210,value:0,radius:0},
    {x:285,y:210,value:0,radius:0},
    {x:255,y:210,value:0,radius:0},
    {x:225,y:210,value:0,radius:0},
    {x:195,y:210,value:0,radius:0},
    {x:165,y:210,value:0,radius:0},
    {x:345,y:180,value:0,radius:0},
    {x:315,y:180,value:0,radius:0},
    {x:285,y:180,value:0,radius:0},
    {x:255,y:180,value:0,radius:0},
    {x:225,y:180,value:0,radius:0},
    {x:195,y:180,value:0,radius:0},
    {x:165,y:180,value:0,radius:0},
    {x:345,y:150,value:0,radius:0},
    {x:315,y:150,value:0,radius:0},
    {x:285,y:150,value:0,radius:0},
    {x:255,y:151,value:0,radius:0},
    {x:225,y:150,value:0,radius:0},
    {x:195,y:150,value:0,radius:0},
    {x:165,y:150,value:0,radius:0},
    {x:345,y:120,value:0,radius:0},
    {x:315,y:120,value:0,radius:0},
    {x:285,y:120,value:0,radius:0},
    {x:255,y:120,value:0,radius:0},
    {x:225,y:120,value:0,radius:0},
    {x:195,y:120,value:0,radius:0},
    {x:165,y:120,value:0,radius:0},
    {x:345,y:90,value:0,radius:0},
    {x:315,y:90,value:0,radius:0},
    {x:285,y:90,value:0,radius:0},
    {x:255,y:90,value:0,radius:0},
    {x:225,y:90,value:0,radius:0},
    {x:195,y:90,value:0,radius:0},
    {x:165,y:90,value:0,radius:0},
    {x:345,y:60,value:0,radius:0},
    {x:315,y:60,value:0,radius:0},
    {x:285,y:60,value:0,radius:0},
    {x:255,y:60,value:0,radius:0},
    {x:225,y:60,value:0,radius:0},
    {x:195,y:60,value:0,radius:0},
    {x:165,y:60,value:0,radius:0},
    {x:345,y:30,value:0,radius:0},
    {x:315,y:30,value:0,radius:0},
    {x:285,y:30,value:0,radius:0},
    {x:255,y:30,value:0,radius:0},
    {x:225,y:30,value:0,radius:0},
    {x:195,y:30,value:0,radius:0},
    {x:165,y:30,value:0,radius:0}
  ]
   
};
var data_map2_middle = {
  //最大值
  max: 3000,
  main:50,
  //x:在容器中的横坐标，y:纵坐标,value:点的值，越接近Max值越红，radius：该点的颜色范围
  data: [
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:450,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:420,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:390,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:-100,y:360,value:0,radius:0},
    {x:320,y:330,value:0,radius:0},
    {x:315,y:330,value:0,radius:0},
    {x:285,y:330,value:0,radius:0},
    {x:255,y:330,value:0,radius:0},
    {x:225,y:330,value:0,radius:0},
    {x:195,y:330,value:0,radius:0},
    {x:165,y:330,value:0,radius:0},
    {x:320,y:300,value:0,radius:0},
    {x:315,y:300,value:0,radius:0},
    {x:285,y:300,value:0,radius:0},
    {x:255,y:300,value:0,radius:0},
    {x:225,y:300,value:0,radius:0},
    {x:195,y:300,value:0,radius:0},
    {x:165,y:300,value:0,radius:0},
    {x:320,y:270,value:0,radius:0},
    {x:315,y:270,value:0,radius:0},
    {x:285,y:270,value:0,radius:0},
    {x:255,y:270,value:0,radius:0},
    {x:225,y:270,value:0,radius:0},
    {x:195,y:270,value:0,radius:0},
    {x:165,y:270,value:0,radius:0},
    {x:325,y:240,value:0,radius:0},
    {x:315,y:240,value:0,radius:0},
    {x:285,y:240,value:0,radius:0},
    {x:255,y:240,value:0,radius:0},
    {x:225,y:240,value:0,radius:0},
    {x:195,y:240,value:0,radius:0},
    {x:165,y:240,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:151,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0}
  ]
   
};
var data_map2_buttom = {
  //最大值
  max: 3000,
  main:50,
  //x:在容器中的横坐标，y:纵坐标,value:点的值，越接近Max值越红，radius：该点的颜色范围
  data: [
    {x:345,y:450,value:0,radius:0},
    {x:315,y:450,value:0,radius:0},
    {x:285,y:450,value:0,radius:0},
    {x:255,y:450,value:0,radius:0},
    {x:225,y:450,value:0,radius:0},
    {x:195,y:450,value:0,radius:0},
    {x:165,y:450,value:0,radius:0},
    {x:320,y:420,value:0,radius:0},
    {x:315,y:420,value:0,radius:0},
    {x:285,y:420,value:0,radius:0},
    {x:255,y:420,value:0,radius:0},
    {x:225,y:420,value:0,radius:0},
    {x:195,y:420,value:0,radius:0},
    {x:165,y:420,value:0,radius:0},
    {x:320,y:390,value:0,radius:0},
    {x:315,y:390,value:0,radius:0},
    {x:285,y:390,value:0,radius:0},
    {x:255,y:390,value:0,radius:0},
    {x:225,y:390,value:0,radius:0},
    {x:195,y:390,value:0,radius:0},
    {x:165,y:390,value:0,radius:0},
    {x:320,y:360,value:0,radius:0},
    {x:315,y:360,value:0,radius:0},
    {x:285,y:360,value:0,radius:0},
    {x:255,y:360,value:0,radius:0},
    {x:225,y:360,value:0,radius:0},
    {x:195,y:360,value:0,radius:0},
    {x:165,y:360,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:330,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:300,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:270,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:240,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:210,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:180,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:151,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:150,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:120,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:90,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:60,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0},
    {x:-100,y:30,value:0,radius:0}
  ]
   
};



 read_com/test.js

@@ -114,3 +114,5 @@
//         ]
//     }]
// }

			@@ -314,17 +314,17 @@
			width: 600px;
			} */

			.foot div{
			.foot div,.region_data div{
			border: 1px solid black;
			padding: 5px;
			}
			.foot span{
			.foot span,.region_data span{
			display: inline-block;
			width: 120px;
			margin: 0 5px;
			text-align: right;
			}
			.foot p{
			.foot p,.region_data p{
			line-height: 24px;
			font-size: 24px;
			height: 24px;
			@@ -342,6 +342,16 @@
			left: 980px;
			}

			.region_data .dataLeft{
			position: absolute;
			top: 100px;
			left: 1540px;
			}
			.region_data .dataRight{
			position: absolute;
			top: 100px;
			left: 1980px;
			}



			@@ -467,37 +477,37 @@



			.foot .colorCircle{
			.foot .colorCircle,.region_data .colorCircle{
			display: inline-block;
			width: 24px;
			height: 24px;
			border-radius: 50%;
			}
			.region1 .colorCircle{
			.region1 .colorCircle,.region1_2 .colorCircle{
			background-color: #1D38C3;
			}
			.region2 .colorCircle{
			.region2 .colorCircle,.region2_2 .colorCircle{
			background-color: #FF4C4F;
			}
			.region3 .colorCircle{
			.region3 .colorCircle,.region3_2 .colorCircle{
			background-color: #fdec3d;
			}
			.region4 .colorCircle{
			.region4 .colorCircle,.region4_2 .colorCircle{
			background-color: #73d13d;
			}
			.region5 .colorCircle{
			.region5 .colorCircle,.region5_2 .colorCircle{
			background-color: #41a8ff;
			}
			.region6 .colorCircle{
			.region6 .colorCircle,.region6_2 .colorCircle{
			background-color: #37cfca;
			}
			.region7 .colorCircle{
			.region7 .colorCircle,.region7_2 .colorCircle{
			background-color: #ffa940;
			}
			.region8 .colorCircle{
			.region8 .colorCircle,.region8_2 .colorCircle{
			background-color: #f75baa;
			}
			.region9 .colorCircle{
			.region9 .colorCircle,.region9_2 .colorCircle{
			background-color: #9153de;
			}

			@@ -548,6 +558,9 @@
			background-size: 50% 100%;
			transform:scale(-1,1);
			}
			.right_map_top,.right_map_middle,.right_map_buttom{
			transform:scale(-1,1);
			}


			.sum_data{

			@@ -394,7 +394,15 @@
			<!-- 热力图 -->
			<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>


			@@ -403,12 +411,41 @@


			</div>

			<!-- 总览 -->
			<div class="region_data">
			<div class="dataLeft">
			<p>左脚(总)</p>
			<p class="region9_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region8_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region7_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region6_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region5_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region4_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region3_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region2_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region1_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			</div>
			<div class="dataRight">
			<p>右脚(总)</p>
			<p class="region9_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region8_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region7_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region6_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region5_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region4_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region3_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region2_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			<p class="region1_2"><span class="colorCircle"></span>平均:<span class="ave"></span>占比:<span class="pr"></span></p>
			</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/3D.js"></script>
			<!-- <script src="./js/function.js"></script> -->
			<!-- <script src="./js/function2.js"></script> -->
			</body>
			</html>

			@@ -4,8 +4,8 @@
			useDirtyRect: false
			});
			var app = {};
			for(let i=0;i<data_arr.length;i++){
			new_3d_data[data_arr[i]][2] = 500
			for(let i=0;i<data_arr_option.length;i++){
			new_3d_data[data_arr_option[i]][2] = 500
			}

			var option;