From d0ed3be8275ba6174a644e594d61ca7f206c723d Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Wed, 28 Dec 2022 19:11:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=BD=93=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E6=8A=98=E5=8F=A0=E6=88=96=E5=B1=95=E5=BC=80=E6=97=B6?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=20`echarts`=20=E5=9B=BE=E8=A1=A8=E6=9C=AA?=
 =?UTF-8?q?=E8=87=AA=E9=80=82=E5=BA=94=E5=AE=B9=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/welcome/components/Bar.vue  | 19 ++++++++++++++++---
 src/views/welcome/components/Line.vue | 19 ++++++++++++++++---
 src/views/welcome/components/Pie.vue  | 19 ++++++++++++++++---
 3 files changed, 48 insertions(+), 9 deletions(-)

diff --git a/src/views/welcome/components/Bar.vue b/src/views/welcome/components/Bar.vue
index 82a09d517..859d41252 100644
--- a/src/views/welcome/components/Bar.vue
+++ b/src/views/welcome/components/Bar.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
-import { ref, computed, type Ref } from "vue";
-import { useDark, useECharts, type EchartOptions } from "@pureadmin/utils";
+import { ref, computed, watch, type Ref } from "vue";
+import { useAppStoreHook } from "@/store/modules/app";
+import {
+  delay,
+  useDark,
+  useECharts,
+  type EchartOptions
+} from "@pureadmin/utils";
 
 const { isDark } = useDark();
 
@@ -9,7 +15,7 @@ const theme: EchartOptions["theme"] = computed(() => {
 });
 
 const barChartRef = ref<HTMLDivElement | null>(null);
-const { setOptions } = useECharts(barChartRef as Ref<HTMLDivElement>, {
+const { setOptions, resize } = useECharts(barChartRef as Ref<HTMLDivElement>, {
   theme
 });
 
@@ -65,6 +71,13 @@ setOptions(
     }
   }
 );
+
+watch(
+  () => useAppStoreHook().getSidebarStatus,
+  () => {
+    delay(360).then(() => resize());
+  }
+);
 </script>
 
 <template>
diff --git a/src/views/welcome/components/Line.vue b/src/views/welcome/components/Line.vue
index 992f382b3..656ad37d6 100644
--- a/src/views/welcome/components/Line.vue
+++ b/src/views/welcome/components/Line.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
-import { ref, computed, type Ref } from "vue";
-import { useDark, useECharts, type EchartOptions } from "@pureadmin/utils";
+import { ref, computed, watch, type Ref } from "vue";
+import { useAppStoreHook } from "@/store/modules/app";
+import {
+  delay,
+  useDark,
+  useECharts,
+  type EchartOptions
+} from "@pureadmin/utils";
 
 const { isDark } = useDark();
 
@@ -9,7 +15,7 @@ const theme: EchartOptions["theme"] = computed(() => {
 });
 
 const lineChartRef = ref<HTMLDivElement | null>(null);
-const { setOptions } = useECharts(lineChartRef as Ref<HTMLDivElement>, {
+const { setOptions, resize } = useECharts(lineChartRef as Ref<HTMLDivElement>, {
   theme
 });
 
@@ -53,6 +59,13 @@ setOptions(
     }
   }
 );
+
+watch(
+  () => useAppStoreHook().getSidebarStatus,
+  () => {
+    delay(360).then(() => resize());
+  }
+);
 </script>
 
 <template>
diff --git a/src/views/welcome/components/Pie.vue b/src/views/welcome/components/Pie.vue
index 25d8bcaa1..9780b6084 100644
--- a/src/views/welcome/components/Pie.vue
+++ b/src/views/welcome/components/Pie.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
-import { ref, computed, type Ref } from "vue";
-import { useDark, useECharts, type EchartOptions } from "@pureadmin/utils";
+import { ref, computed, watch, type Ref } from "vue";
+import { useAppStoreHook } from "@/store/modules/app";
+import {
+  delay,
+  useDark,
+  useECharts,
+  type EchartOptions
+} from "@pureadmin/utils";
 
 const { isDark } = useDark();
 
@@ -9,7 +15,7 @@ const theme: EchartOptions["theme"] = computed(() => {
 });
 
 const pieChartRef = ref<HTMLDivElement | null>(null);
-const { setOptions } = useECharts(pieChartRef as Ref<HTMLDivElement>, {
+const { setOptions, resize } = useECharts(pieChartRef as Ref<HTMLDivElement>, {
   theme
 });
 
@@ -61,6 +67,13 @@ setOptions(
     }
   }
 );
+
+watch(
+  () => useAppStoreHook().getSidebarStatus,
+  () => {
+    delay(360).then(() => resize());
+  }
+);
 </script>
 
 <template>