diff --git a/frontend/src/views/chart/view/PositionAdjust.vue b/frontend/src/views/chart/view/PositionAdjust.vue
index 6452daaabc..e8332c8a9d 100644
--- a/frontend/src/views/chart/view/PositionAdjust.vue
+++ b/frontend/src/views/chart/view/PositionAdjust.vue
@@ -29,6 +29,8 @@
             v-model="styleInfo.left"
             type="number"
             :min="0"
+            :max="maxLeft"
+            @change="leftOnChange"
             class="hide-icon-number"
           >
             <template slot="append">px</template>
@@ -69,6 +71,8 @@
 
 <script>
 
+import { mapState } from 'vuex'
+
 export default {
   name: 'PositionAdjust',
   props: {},
@@ -76,14 +80,26 @@ export default {
     return {}
   },
   computed: {
+    maxLeft() {
+      return 1600 - this.styleInfo.width - this.componentGap
+    },
     styleInfo() {
       return this.$store.state.curComponent.style
-    }
+    },
+    ...mapState([
+      'componentGap'
+    ])
   },
   watch: {},
   mounted() {
   },
-  methods: {}
+  methods: {
+    leftOnChange() {
+      if (this.styleInfo.left > this.maxLeft) {
+        this.styleInfo.left = this.maxLeft
+      }
+    }
+  }
 }
 </script>