diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue
index 18a3b5da59..4e0e1ae57c 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue
@@ -202,23 +202,6 @@ onMounted(() => {
       </el-checkbox>
     </el-form-item>
 
-    <el-form-item
-      :label="t('chart.orient')"
-      class="form-item"
-      :class="'form-item-' + themes"
-      v-if="showProperty('layout')"
-    >
-      <el-radio-group
-        size="small"
-        :effect="themes"
-        v-model="state.basicStyleForm.layout"
-        @change="changeBasicStyle('layout')"
-      >
-        <el-radio :effect="themes" label="horizontal">{{ t('chart.horizontal') }}</el-radio>
-        <el-radio :effect="themes" label="vertical">{{ t('chart.vertical') }}</el-radio>
-      </el-radio-group>
-    </el-form-item>
-
     <el-form-item
       class="form-item"
       v-if="showProperty('tableLayoutMode')"
@@ -269,6 +252,23 @@ onMounted(() => {
       </el-row>
     </div>
 
+    <el-form-item
+      :label="t('chart.orient')"
+      class="form-item"
+      :class="'form-item-' + themes"
+      v-if="showProperty('layout')"
+    >
+      <el-radio-group
+        size="small"
+        :effect="themes"
+        v-model="state.basicStyleForm.layout"
+        @change="changeBasicStyle('layout')"
+      >
+        <el-radio :effect="themes" label="horizontal">{{ t('chart.horizontal') }}</el-radio>
+        <el-radio :effect="themes" label="vertical">{{ t('chart.vertical') }}</el-radio>
+      </el-radio-group>
+    </el-form-item>
+
     <!--map start-->
     <el-row :gutter="8">
       <el-col :span="12" v-if="showProperty('areaBorderColor')">