From 3b029733ce9c05435584e46c6adf3d6089f5d2da Mon Sep 17 00:00:00 2001
From: jianneng-fit2cloud
 <48425184+jianneng-fit2cloud@users.noreply.github.com>
Date: Tue, 11 Mar 2025 12:33:36 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=9B=BE=E8=A1=A8):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E7=BB=84=E5=90=88=E5=9B=BE=E7=BA=B5=E8=BD=B4=E7=BA=BF=E6=97=A0?=
 =?UTF-8?q?=E6=B3=95=E4=BF=AE=E6=94=B9=E9=A2=9C=E8=89=B2=E3=80=81=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E3=80=81=E5=A4=A7=E5=B0=8F=E7=9A=84=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=20(#15269)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DualYAxisSelectorInner.vue     | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualYAxisSelectorInner.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualYAxisSelectorInner.vue
index 0319097f5a..6a681960ea 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualYAxisSelectorInner.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualYAxisSelectorInner.vue
@@ -302,6 +302,49 @@ onMounted(() => {
         {{ t('chart.axis_show') }}
       </el-checkbox>
     </el-form-item>
+    <div style="padding-left: 22px" v-if="showProperty('axisLine')">
+      <div style="flex: 1; display: flex">
+        <el-form-item class="form-item" :class="'form-item-' + themes" style="padding-right: 4px">
+          <el-color-picker
+            :disabled="!state.axisForm.axisLine.show"
+            v-model="state.axisForm.axisLine.lineStyle.color"
+            :predefine="predefineColors"
+            :effect="themes"
+            @change="changeAxisStyle('axisLine.lineStyle.color')"
+            is-custom
+          />
+        </el-form-item>
+        <el-form-item class="form-item" :class="'form-item-' + themes" style="padding: 0 4px">
+          <el-select
+            :disabled="!state.axisForm.axisLine.show"
+            style="width: 62px"
+            :effect="props.themes"
+            v-model="state.axisForm.axisLine.lineStyle.style"
+            @change="changeAxisStyle('axisLine.lineStyle.style')"
+          >
+            <el-option
+              v-for="option in splitLineStyle"
+              :key="option.value"
+              :value="option.value"
+              :label="option.label"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item class="form-item" :class="'form-item-' + themes" style="padding-left: 4px">
+          <el-input-number
+            :disabled="!state.axisForm.axisLine.show"
+            style="width: 70px"
+            :effect="props.themes"
+            v-model="state.axisForm.axisLine.lineStyle.width"
+            :min="1"
+            :max="10"
+            size="small"
+            controls-position="right"
+            @change="changeAxisStyle('axisLine.lineStyle.width')"
+          />
+        </el-form-item>
+      </div>
+    </div>
     <el-form-item
       class="form-item form-item-checkbox"
       :class="{