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>