diff --git a/src/pages/dashboard/base/index.vue b/src/pages/dashboard/base/index.vue
index 93a90de..28bc8fe 100644
--- a/src/pages/dashboard/base/index.vue
+++ b/src/pages/dashboard/base/index.vue
@@ -390,10 +390,10 @@ export default defineComponent({
       BUY_COLUMNS,
       onCurrencyChange(checkedValues: string[]) {
         currentMonth.value = getThisMonth(checkedValues);
-        monitorChart.setOption(getLineChartDataSet({ dateTime: checkedValues, ...chartColors }));
+        monitorChart.setOption(getLineChartDataSet({ dateTime: checkedValues, ...chartColors.value }));
       },
       onStokeDataChange(checkedValues: string[]) {
-        stokeChart.setOption(constructInitDataset({ dateTime: checkedValues, ...chartColors }));
+        stokeChart.setOption(constructInitDataset({ dateTime: checkedValues, ...chartColors.value }));
       },
       rehandleClickOp(val: MouseEvent) {
         console.log(val);
diff --git a/src/pages/detail/deploy/index.vue b/src/pages/detail/deploy/index.vue
index 5fde52b..5c349f9 100644
--- a/src/pages/detail/deploy/index.vue
+++ b/src/pages/detail/deploy/index.vue
@@ -168,7 +168,7 @@ export default defineComponent({
     });
 
     const onAlertChange = () => {
-      dataChart.setOption(get2ColBarChartDataSet({ ...chartColors }));
+      dataChart.setOption(get2ColBarChartDataSet({ ...chartColors.value }));
     };
 
     onMounted(() => {