读取文件

cshenfu

2023-03-10 3e788004c97034f6d7d52ffdbffacf60e94c48f7

 read_com/index.html

@@ -11,15 +11,19 @@
    <script src="./js/jquery-1.11.3.min.js"></script>
    <script src="./js/heatmap_data.js"></script>
    <script src="./js/heatmap.js"></script>
    <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>
@@ -29,6 +33,11 @@
      <button class="download" disabled="disabled">保存文件</button>
      <input type="file" id="excel-file">
  </div>

   </div>


  <!-- 左脚 -->
  <div class="fbox">
    <img src="images/bg_t.png" class="mask">
    <div class="region_main">
@@ -188,7 +197,7 @@
</div>



<!-- 右脚 -->
<div class="fbox2">
    <img src="images/bg_t.png" class="mask">
    <div class="region_main">
@@ -346,6 +355,8 @@
        </div>
    </div>
</div>

<!-- 数据框 -->
<div class="foot">
    <div class="dataLeft">
        <p>左脚</p>
@@ -372,20 +383,30 @@
        <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="right_map"></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>
    
</script>
<!-- <script src="./js/function.js"></script> -->
<script src="./js/function2.js"></script>
  </body>
</html>