From 3b71571aa211d965eab3f6af159bb9d54ed6f722 Mon Sep 17 00:00:00 2001
From: hui <770260999@qq.com>
Date: Fri, 29 Mar 2024 14:53:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/eventQuery/assets/charts.js    |  2 +-
 .../components/eventQuery/index.vue           | 35 +++++++++++++------
 2 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/assets/charts.js
index ba6f7ba6..d38f2096 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/assets/charts.js
+++ b/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,
   },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
index 21ceab64..680259b4 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
+++ b/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 {