From 7d85d6825d13777d4a03d3f072e0deb2b542dda5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=98=89=E8=B1=AA?=
 <42510293+ziyujiahao@users.noreply.github.com>
Date: Fri, 15 Aug 2025 11:23:23 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E4=BB=AA=E8=A1=A8=E6=9D=BF=E3=80=81?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20=E9=80=9A=E7=94=A8?=
 =?UTF-8?q?=E9=85=8D=E8=89=B2=E5=A2=9E=E5=8A=A0=E6=96=91=E9=A9=AC=E7=BA=B9?=
 =?UTF-8?q?=E9=85=8D=E8=89=B2=20(#16741)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dashboard-style/ComponentColorSelector.vue   | 16 ++++++++++++++--
 .../components/data-visualization/CanvasAttr.vue |  3 +++
 .../views/chart/components/editor/util/chart.ts  |  4 ++--
 3 files changed, 19 insertions(+), 4 deletions(-)

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'
   }
 }