diff --git a/frontend/src/views/chart/components/shape-attr/LabelSelector.vue b/frontend/src/views/chart/components/shape-attr/LabelSelector.vue
index 21a95a608b..afb806a7c5 100644
--- a/frontend/src/views/chart/components/shape-attr/LabelSelector.vue
+++ b/frontend/src/views/chart/components/shape-attr/LabelSelector.vue
@@ -114,6 +114,9 @@ export default {
     }
   },
   mounted() {
+    if (this.showProperty('position-pie')) {
+      this.labelForm.position = 'outside'
+    }
     this.init()
     this.initOptions()
     this.initData()
diff --git a/frontend/src/views/chart/components/shape-attr/LabelSelectorAntV.vue b/frontend/src/views/chart/components/shape-attr/LabelSelectorAntV.vue
index 0ad8802f01..c327a516a2 100644
--- a/frontend/src/views/chart/components/shape-attr/LabelSelectorAntV.vue
+++ b/frontend/src/views/chart/components/shape-attr/LabelSelectorAntV.vue
@@ -127,6 +127,9 @@ export default {
     }
   },
   mounted() {
+    if (this.showProperty('position-pie')) {
+      this.labelForm.position = 'outer'
+    }
     this.init()
     this.initOptions()
     this.initData()