diff --git a/src/views/report/modules/columnChart.vue b/src/views/report/modules/columnChart.vue
index 0638180..93599e1 100644
--- a/src/views/report/modules/columnChart.vue
+++ b/src/views/report/modules/columnChart.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { nextTick, ref, watch } from 'vue';
 import { useEcharts } from '@/hooks/common/echarts';
 
 defineOptions({
@@ -7,6 +7,11 @@ defineOptions({
 });
 
 const props = defineProps<{ data: { org_name: string; count: number; }[]; }>();
+watch(() => [props.data], () => {
+  nextTick(() => {
+    init();
+  });
+},{immediate: true,deep: true});
 
 const { domRef, updateOptions } = useEcharts(() => ({
     tooltip: {
diff --git a/src/views/report/modules/ringChart.vue b/src/views/report/modules/ringChart.vue
index 82cd355..915ff90 100644
--- a/src/views/report/modules/ringChart.vue
+++ b/src/views/report/modules/ringChart.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { nextTick, ref, watch } from 'vue';
 import { useEcharts } from '@/hooks/common/echarts';
 
 defineOptions({
@@ -7,6 +7,11 @@ defineOptions({
 });
 
 const props = defineProps<{ data?: { name: string; value: number }[]; }>();
+watch(() => [props.data], () => {
+  nextTick(() => {
+    init();
+  });
+},{immediate: true,deep: true});
 const chartData = ref<{ name: string; value: number; }[]>([]);
 
 const { domRef, updateOptions } = useEcharts(() => ({