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 d1ae6ed838..b12e2cae6c 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
@@ -103,8 +103,20 @@
                 />
               </el-form-item>
             </el-col>
-          </el-row>
-          <el-row :gutter="8">
+            <el-col :span="12">
+              <el-form-item :label="t('chart.stripe')" class="form-item">
+                <el-color-picker
+                  :trigger-width="colorPickerWidth"
+                  v-model="colorForm['tableCell']['tableItemSubBgColor']"
+                  size="small"
+                  :predefine="predefineColors"
+                  is-custom
+                  show-alpha
+                  :effect="themes"
+                  @change="changeColorCase('tableItemSubBgColor')"
+                />
+              </el-form-item>
+            </el-col>
             <el-col :span="12">
               <el-form-item :label="t('chart.table_header_font_color')" class="form-item">
                 <el-color-picker
diff --git a/core/core-frontend/src/components/data-visualization/CanvasAttr.vue b/core/core-frontend/src/components/data-visualization/CanvasAttr.vue
index 02e176e9d5..00496a3dac 100644
--- a/core/core-frontend/src/components/data-visualization/CanvasAttr.vue
+++ b/core/core-frontend/src/components/data-visualization/CanvasAttr.vue
@@ -65,7 +65,10 @@ const themeAttrChange = (custom, property, value) => {
             }
             merge(viewInfo['customAttr'], tmpValue)
           } else {
+            console.log('viewInfo=' + JSON.stringify(viewInfo['customAttr']))
+            console.log('value=' + JSON.stringify(value))
             merge(viewInfo['customAttr'], value)
+            console.log('merge=' + JSON.stringify(viewInfo['customAttr']))
           }
         } else {
           Object.keys(value).forEach(function (key) {
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 7dfc59d4dd..0ec56b9219 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
@@ -103,7 +103,7 @@ export const DEFAULT_COLOR_CASE_LIGHT: DeepPartial<ChartAttr> = {
   tableCell: {
     tableItemBgColor: '#FFFFFF',
     tableFontColor: '#000000',
-    tableItemSubBgColor: '#EEEEEE'
+    tableItemSubBgColor: '#1E90FF'
   }
 }
 
@@ -154,7 +154,7 @@ export const DEFAULT_COLOR_CASE_DARK: DeepPartial<ChartAttr> = {
   tableCell: {
     tableItemBgColor: '#131E42',
     tableFontColor: '#ffffff',
-    tableItemSubBgColor: '#EEEEEE'
+    tableItemSubBgColor: '#1E90FF'
   }
 }