From 26eb8d820d4bee6f93ae1c6478ac3d0e22e81a5e Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Mon, 2 Sep 2024 14:30:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E5=8F=8C?=
 =?UTF-8?q?=E8=BD=B4=E5=9B=BE=E5=9F=BA=E7=A1=80=E8=AE=BE=E7=BD=AE-?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E9=A2=9C=E8=89=B2=E6=97=B6=E8=89=B2=E5=9F=9F?=
 =?UTF-8?q?=E5=81=8F=E7=A7=BB=E8=87=B3=E9=A1=B5=E9=9D=A2=E5=B7=A6=E4=B8=8A?=
 =?UTF-8?q?=E8=A7=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../editor-style/components/CustomColorStyleSelect.vue    | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

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 c34aad74c5..7cf6665475 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
@@ -151,7 +151,7 @@ const switchSeriesColor = (seriesColor, index) => {
   seriesColorPickerRef.value?.hide()
   seriesColorState.curSeriesColor = cloneDeep(seriesColor)
   seriesColorState.curColorIndex = index
-  seriesColorState.seriesColorPickerId = '#series-color-picker-' + index
+  seriesColorState.seriesColorPickerId = '#series-color-picker-' + seriesColor.id
   nextTick(() => {
     seriesColorPickerRef.value?.show()
   })
@@ -462,6 +462,7 @@ const colorItemBorderColor = (index, state) => {
           class="color-list-item"
         >
           <div
+            :id="`series-color-picker-${item.id}`"
             :class="{
               active: item.id === seriesColorState.curSeriesColor?.id
             }"
@@ -486,7 +487,7 @@ const colorItemBorderColor = (index, state) => {
       </div>
     </template>
     <teleport :to="seriesColorState.seriesColorPickerId">
-      <div style="position: absolute; width: 0; height: 0; overflow: hidden">
+      <div style="position: absolute; top: 0; left: 10px; width: 0; height: 0; overflow: hidden">
         <el-color-picker
           ref="seriesColorPickerRef"
           v-model="seriesColorState.curSeriesColor.color"
@@ -581,7 +582,7 @@ const colorItemBorderColor = (index, state) => {
       cursor: pointer;
       padding: 2px;
       border: solid 1px transparent;
-
+      position: relative;
       .color-item__inner {
         width: 14px;
         height: 14px;
@@ -653,6 +654,7 @@ const colorItemBorderColor = (index, state) => {
       cursor: pointer;
       padding: 2px;
       border: solid 1px transparent;
+      position: relative;
 
       .color-item__inner {
         width: 14px;