From 6bfe9f50ff04cf1e68b313f8292586eda06270b6 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Sat, 8 Oct 2022 16:23:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20line=E7=B1=BB=E5=9E=8Bnodata=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/components/views/charts2/networkOverviewLine.scss | 2 +-
 .../localComponents/LinkTrafficDrillDownLine.vue          | 8 +++++---
 .../charts/networkOverview/NetworkOverviewLine.vue        | 8 +++++---
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/assets/css/components/views/charts2/networkOverviewLine.scss b/src/assets/css/components/views/charts2/networkOverviewLine.scss
index 580f57b0..88e36698 100644
--- a/src/assets/css/components/views/charts2/networkOverviewLine.scss
+++ b/src/assets/css/components/views/charts2/networkOverviewLine.scss
@@ -5,7 +5,7 @@
   border: 1px solid #E2E5EC;
   border-radius: 4px;
   .chart-drawing {
-    height: calc(100% - 74px);
+    height: 100%;
     width: 100%;
     .echarts-tooltip.echarts-tooltip-dark {
       .cn-chart-body {
diff --git a/src/views/charts2/charts/linkMonitor/localComponents/LinkTrafficDrillDownLine.vue b/src/views/charts2/charts/linkMonitor/localComponents/LinkTrafficDrillDownLine.vue
index 4ac1c149..2f6a897f 100644
--- a/src/views/charts2/charts/linkMonitor/localComponents/LinkTrafficDrillDownLine.vue
+++ b/src/views/charts2/charts/linkMonitor/localComponents/LinkTrafficDrillDownLine.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="line network link-traffic">
-    <chart-no-data v-if="isNoData"></chart-no-data>
-    <div class="line-header" v-else>
+    <div class="line-header">
       <div class="line-header-left">
         <div class="line-value-active" v-if="lineTab"></div>
         <div class="line-value">
@@ -43,7 +42,10 @@
         </div>
       </div>
     </div>
-    <div class="chart-drawing" v-show="showMarkLine && !isNoData" id="linkTrafficLineChart"></div>
+    <div style="height: calc(100% - 74px); position: relative">
+      <chart-no-data v-if="isNoData"></chart-no-data>
+      <div class="chart-drawing" v-show="showMarkLine && !isNoData" id="linkTrafficLineChart"></div>
+    </div>
   </div>
 </template>
 
diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
index 73d46e2a..09a34729 100644
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="line network">
-    <chart-no-data v-if="isNoData"></chart-no-data>
-    <div class="line-header" v-else>
+    <div class="line-header">
       <div class="line-header-left">
         <div class="line-value-active" v-if="lineTab"></div>
         <div class="line-value">
@@ -58,7 +57,10 @@
         </div>
       </div>
     </div>
-    <div class="chart-drawing" v-show="showMarkLine && !isNoData" id="overviewLineChart"></div>
+    <div style="height: calc(100% - 74px); position: relative">
+      <chart-no-data v-if="isNoData"></chart-no-data>
+      <div class="chart-drawing" v-show="showMarkLine && !isNoData" id="overviewLineChart"></div>
+    </div>
   </div>
 </template>