src/views/vent/home/colliery/components/main-monitor.vue

@@ -26,8 +26,8 @@
     <div class="main-contents">
       <div class="point-des-box">
         <div>工况点</div>
-        <div>负压: {{ selectDataObj.dataH }}</div>
-        <div>风量: {{ (selectDataObj.dataQ * 60).toFixed(2) }}</div>
+        <div>负压: {{ `${selectDataObj.dataH}Pa` }}</div>
+        <div>风量: {{ `${(selectDataObj.dataQ * 60).toFixed(2)}m³/min`  }}</div>
       </div>
       <div class="main" ref="main"></div>
     </div>
@@ -35,6 +35,7 @@
 </template>
 
 <script lang="ts" setup>
+
   import { ref, reactive, onMounted, nextTick, defineProps, watch } from 'vue';
   import { SvgIcon } from '/@/components/Icon';
   import * as echarts from 'echarts';

src/views/vent/home/colliery/components/wind-monitor.vue

@@ -221,12 +221,12 @@ function getOption() {
         },
       ],
       dataZoom: [{ // 这部分是关键
-        type: 'inside', // 这里可以选择你需要的类型，例如slider ''
+        type: 'slider', // 这里可以选择你需要的类型，例如 'inside'
         start: 0, // 数据窗口范围的起始百分比
         end: 25, // 数据窗口范围的结束百分比
-        // height: 10, // 设置缩放条高度
-        // left: 'center',
-        // bottom: 25,
+        height: 10, // 设置缩放条高度
+        left: 'center',
+        bottom: 25,
         labelPrecision: 0, // 标签精度，默认为auto
         showDetail: false, // 是否显示详情
         showDataShadow: false, // 是否显示数据阴影