diff --git a/apps/web-antd/src/views/monitor/cache/components/CommandChart.vue b/apps/web-antd/src/views/monitor/cache/components/CommandChart.vue
index 34b7a0a1..41dd96f2 100644
--- a/apps/web-antd/src/views/monitor/cache/components/CommandChart.vue
+++ b/apps/web-antd/src/views/monitor/cache/components/CommandChart.vue
@@ -4,7 +4,6 @@ import type { EChartsOption } from 'echarts';
 import { defineComponent, onMounted, ref, watch } from 'vue';
 
 import { EchartsUI, type EchartsUIType, useEcharts } from '@vben/chart-ui';
-import { preferences } from '@vben/preferences';
 
 export default defineComponent({
   components: { EchartsUI },
@@ -33,13 +32,6 @@ export default defineComponent({
       setEchartsOption(props.data);
     });
 
-    watch(
-      () => preferences.theme.mode,
-      () => {
-        setEchartsOption(props.data);
-      },
-    );
-
     function setEchartsOption(data: any[]) {
       const option: EChartsOption = {
         series: [
diff --git a/apps/web-antd/src/views/monitor/cache/components/MemoryChart.vue b/apps/web-antd/src/views/monitor/cache/components/MemoryChart.vue
index 267efb65..b5ccbb38 100644
--- a/apps/web-antd/src/views/monitor/cache/components/MemoryChart.vue
+++ b/apps/web-antd/src/views/monitor/cache/components/MemoryChart.vue
@@ -4,7 +4,6 @@ import type { EChartsOption } from 'echarts';
 import { defineComponent, onMounted, ref, watch } from 'vue';
 
 import { EchartsUI, type EchartsUIType, useEcharts } from '@vben/chart-ui';
-import { preferences } from '@vben/preferences';
 
 export default defineComponent({
   components: { EchartsUI },
@@ -33,13 +32,6 @@ export default defineComponent({
       setEchartsOption(props.data);
     });
 
-    watch(
-      () => preferences.theme.mode,
-      () => {
-        setEchartsOption(props.data);
-      },
-    );
-
     function getNearestPowerOfTen(num: number) {
       let power = 10;
       while (power <= num) {