diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue
index d4b59ed49e..a466893813 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue
@@ -210,6 +210,7 @@ const customColorPickerRef = ref<InstanceType<typeof ElColorPicker>>()
 
 function selectColorCase(option) {
   state.value.basicStyleForm[colorSchemeName.value] = option.value
+  changeBasicStyle(colorSchemeName.value)
   colorCaseSelectorRef.value?.hide()
   changeColorOption(option)
 }