diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue
index fef2e7fc6d..4315d6e336 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue
@@ -380,9 +380,20 @@ const fontSizeList = computed(() => {
   return arr
 })
 
-const colorForm = computed(
-  () => canvasStyleData.value.component.chartColor as DeepPartial<ChartAttr>
-)
+const colorForm = computed(() => ({
+  ...(canvasStyleData.value.component.chartColor as DeepPartial<ChartAttr>),
+  label: {
+    color: '#000000',
+    fontSize: 12,
+    ...(canvasStyleData.value.component.chartColor?.label || {})
+  },
+  tooltip: {
+    color: '#000000',
+    fontSize: 12,
+    backgroundColor: '#FFFFFF',
+    ...(canvasStyleData.value.component.chartColor?.tooltip || {})
+  }
+}))
 
 const seniorForm = computed(() => canvasStyleData.value.component.seniorStyleSetting)