改bug

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/assets/charts.js

@@ -62,7 +62,7 @@ var options = {
   grid: {
     top: "15%", //上边距
     right: "5px", //右边距
-    left: "0", //左边距
+    left: "10px", //左边距
     bottom: "2%", //下边距
     containLabel: true,
   },

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue

@@ -88,7 +88,7 @@
     <div class="comp_body">
       <div>
         <WgtTitle :title="'感知事件趋势分析'"></WgtTitle>
-        <div class="unit_con">
+        <div class="unit_con unit_con_01">
           <Empty
             v-if="!chart1List || chart1List.length <= 0"
             text="暂无数据..."
@@ -108,15 +108,14 @@
           ></Empty>
           <div
             ref="chart2"
-            class="chart_div"
-            style="width: 540px; height: 270px"
+            class="chart_div keep-ratio"
           ></div>
         </div>
       </div>
 
       <div>
         <WgtTitle :title="'桩号范围内事件分析趋势'"></WgtTitle>
-        <div class="unit_con">
+        <div class="unit_con unit_con_03">
           <Empty
             v-show="!chart3List || chart3List.length <= 0"
             text="暂无数据..."
@@ -695,21 +694,35 @@ export default {
       flex: 1;
       height: 0;
       padding: 0;
-      margin: 95px 20px 30px;
       position: relative;
-      // &.unit_con_02{ margin: 105px 0px 20px; }
       display: flex;
       align-items: center;
+      &.unit_con_01{
+        margin: 100px 20px 0;
+        .chart_div {
+          width: 100%;
+          height: 240px;
+        }
+      }
+      &.unit_con_02{
+        margin: 70px 20px 0;
+        .chart_div {
+          width: 100%;
+          height: 290px;
+        }
+      }
+      &.unit_con_03{
+        margin: 70px 20px 0;
+        .chart_div {
+          width: 100%;
+          height: 280px;
+        }
+      }
     }
 
     .empty {
       position: absolute;
     }
-
-    .chart_div {
-      width: 100%;
-      height: 200px;
-    }
   }
 
   .condition {