From e495e971fc9f2e98a7f9e9d369c1a01e479017f8 Mon Sep 17 00:00:00 2001
From: jianneng-fit2cloud <jianneng.pan@fit2cloud.com>
Date: Wed, 5 Jun 2024 09:55:39 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=9B=BE=E8=A1=A8):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=B0=B4=E5=B9=B3=E6=9D=A1=E5=BD=A2=E5=9B=BE=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E4=BD=8D=E7=BD=AE=E9=85=8D=E7=BD=AE=E9=A1=B9=E4=B8=8D=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../editor-style/components/LabelSelector.vue | 28 +++++++++++++------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/LabelSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/LabelSelector.vue
index 5cd8005491..88e3149e1e 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/LabelSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/LabelSelector.vue
@@ -220,6 +220,24 @@ const isBarRangeTime = computed<boolean>(() => {
   }
   return false
 })
+const showPositionH = computed(() => {
+  if (showProperty('hPosition')) {
+    if (props.chart.type !== 'bidirectional-bar') {
+      return true
+    }
+    return props.chart.customAttr.basicStyle.layout === 'horizontal'
+  }
+  return false
+})
+const showPositionV = computed(() => {
+  if (showProperty('vPosition')) {
+    if (props.chart.type !== 'bidirectional-bar') {
+      return true
+    }
+    return props.chart.customAttr.basicStyle.layout === 'vertical'
+  }
+  return false
+})
 watch(
   () => props.chart.customAttr.basicStyle.layout,
   () => {
@@ -245,12 +263,6 @@ watch(
   { deep: true }
 )
 
-const isBarBidirectionalAndVertical = computed(() => {
-  if (props.chart.type !== 'bidirectional-bar') {
-    return true
-  }
-  return props.chart.customAttr.basicStyle.layout === 'vertical'
-})
 onMounted(() => {
   init()
 })
@@ -328,7 +340,7 @@ onMounted(() => {
       </el-select>
     </el-form-item>
     <el-form-item
-      v-if="showProperty('hPosition') && !isBarBidirectionalAndVertical"
+      v-if="showPositionH"
       :label="t('chart.label_position')"
       class="form-item"
       :class="'form-item-' + themes"
@@ -349,7 +361,7 @@ onMounted(() => {
       </el-select>
     </el-form-item>
     <el-form-item
-      v-if="showProperty('vPosition') && isBarBidirectionalAndVertical"
+      v-if="showPositionV"
       :label="t('chart.label_position')"
       class="form-item"
       :class="'form-item-' + themes"