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..daedbd2a3c 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
@@ -303,6 +303,21 @@
                 />
               </el-form-item>
             </el-col>
+            <el-col :span="12">
+              <el-form-item :label="t('chart.table_empty_font_color')" class="form-item">
+                <el-color-picker
+                  :trigger-width="colorPickerWidth"
+                  v-model="colorForm.basicStyle['tableEmptyFontColor']"
+                  size="small"
+                  :predefine="predefineColors"
+                  color-format="rgb"
+                  :effect="themes"
+                  show-alpha
+                  is-custom
+                  @change="changeColorCase('tableEmptyFontColor')"
+                />
+              </el-form-item>
+            </el-col>
             <el-col :span="12">
               <el-form-item :label="t('components.pager_color')" class="form-item">
                 <div style="display: flex; width: 100%; gap: 8px">
diff --git a/core/core-frontend/src/locales/en.ts b/core/core-frontend/src/locales/en.ts
index 3db4bd7504..bd938483f6 100644
--- a/core/core-frontend/src/locales/en.ts
+++ b/core/core-frontend/src/locales/en.ts
@@ -1462,6 +1462,7 @@ export default {
     table_col_freeze_tip: 'First n col',
     table_row_freeze_tip: 'First n row',
     table_freeze: 'Freeze',
+    table_empty_font_color: 'Table empty value color',
     stripe: 'Zebra stripe',
     start_angle: 'Starting angle',
     end_angle: 'Ending angle',
diff --git a/core/core-frontend/src/locales/tw.ts b/core/core-frontend/src/locales/tw.ts
index a944568b67..f4972080d5 100644
--- a/core/core-frontend/src/locales/tw.ts
+++ b/core/core-frontend/src/locales/tw.ts
@@ -1424,6 +1424,7 @@ export default {
     table_col_freeze_tip: '凍結前n 列',
     table_row_freeze_tip: '凍結前n 行',
     table_freeze: '凍結',
+    table_empty_font_color: '表格空值顏色',
     stripe: '斑馬紋',
     start_angle: '起始角度',
     end_angle: '結束角度',
diff --git a/core/core-frontend/src/locales/zh-CN.ts b/core/core-frontend/src/locales/zh-CN.ts
index 688cd33070..564dd05d7a 100644
--- a/core/core-frontend/src/locales/zh-CN.ts
+++ b/core/core-frontend/src/locales/zh-CN.ts
@@ -1427,6 +1427,7 @@ export default {
     table_col_freeze_tip: '冻结前 n 列',
     table_row_freeze_tip: '冻结前 n 行',
     table_freeze: '冻结',
+    table_empty_font_color: '表格空值颜色',
     stripe: '斑马纹',
     start_angle: '起始角度',
     end_angle: '结束角度',
diff --git a/core/core-frontend/src/views/chart/components/editor/util/chart.ts b/core/core-frontend/src/views/chart/components/editor/util/chart.ts
index 18eb652b93..858311539b 100644
--- a/core/core-frontend/src/views/chart/components/editor/util/chart.ts
+++ b/core/core-frontend/src/views/chart/components/editor/util/chart.ts
@@ -86,6 +86,7 @@ export const DEFAULT_COLOR_CASE_LIGHT: DeepPartial<ChartAttr> = {
     gaugeStyle: 'default',
     tableBorderColor: '#E6E7E4',
     tableScrollBarColor: 'rgba(0, 0, 0, 0.15)',
+    tableEmptyFontColor: '#000',
     zoomButtonColor: '#aaa',
     zoomBackground: '#fff'
   },
@@ -147,6 +148,7 @@ export const DEFAULT_COLOR_CASE_DARK: DeepPartial<ChartAttr> = {
     gaugeStyle: 'default',
     tableBorderColor: '#CCCCCC',
     tableScrollBarColor: 'rgba(255, 255, 255, 0.5)',
+    tableEmptyFontColor: '#fff',
     zoomButtonColor: '#fff',
     zoomBackground: '#000'
   },