diff --git a/frontend/src/components/dataease/DeOutWidget.vue b/frontend/src/components/dataease/DeOutWidget.vue
index cf053feefc..b9b9933ebd 100644
--- a/frontend/src/components/dataease/DeOutWidget.vue
+++ b/frontend/src/components/dataease/DeOutWidget.vue
@@ -117,11 +117,11 @@ export default {
     // console.log('aaaaaa')
     const { horizontal, vertical } = this.element.style
     this.$set(this.element.style, 'horizontal', horizontal || 'left')
-    this.$set(this.element.style, 'vertical', vertical || 'top')
+    this.$set(this.element.style, 'vertical', vertical || 'center')
   },
   methods: {
     handlerPositionChange(val) {
-      const { horizontal = 'left', vertical = 'top' } = val
+      const { horizontal = 'left', vertical = 'center' } = val
       this.titleStyle = {
         width: '100%',
         textAlign: horizontal
diff --git a/frontend/src/components/widget/DeWidget/TitlePostion.vue b/frontend/src/components/widget/DeWidget/TitlePostion.vue
index f2ac85e4e6..9b115c7616 100644
--- a/frontend/src/components/widget/DeWidget/TitlePostion.vue
+++ b/frontend/src/components/widget/DeWidget/TitlePostion.vue
@@ -9,14 +9,14 @@
         <el-form-item :label="$t('chart.text_h_position')" class="form-item">
           <el-radio-group v-model="styleInfo.horizontal" size="mini">
             <el-radio-button label="left">{{ $t('chart.text_pos_left') }}</el-radio-button>
-            <el-radio-button label="center">{{ $t('chart.text_pos_center') }}</el-radio-button>
+            <el-radio-button :disabled="styleInfo.vertical === 'center'" label="center">{{ $t('chart.text_pos_center') }}</el-radio-button>
             <el-radio-button label="right">{{ $t('chart.text_pos_right') }}</el-radio-button>
           </el-radio-group>
         </el-form-item>
         <el-form-item v-if="showVertical" :label="$t('chart.text_v_position')" class="form-item">
           <el-radio-group v-model="styleInfo.vertical" size="mini">
             <el-radio-button label="top">{{ $t('chart.text_pos_top') }}</el-radio-button>
-            <el-radio-button label="center">{{ $t('chart.text_pos_center') }}</el-radio-button>
+            <el-radio-button :disabled="styleInfo.horizontal === 'center'" label="center">{{ $t('chart.text_pos_center') }}</el-radio-button>
           </el-radio-group>
         </el-form-item>