diff --git a/core/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue b/core/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue
index 972b8dbf4a..d0d6644476 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue
@@ -1302,6 +1302,12 @@ export default {
       this.fontSize = arr
     },
     changeBarSizeCase(modifyName) {
+      if (!this.doChange) {
+        this.doChange = _.debounce(() => this.debounceChange(modifyName), 200)
+      }
+      this.doChange()
+    },
+    debounceChange(modifyName) {
       this.sizeForm['modifyName'] = modifyName
       if (this.sizeForm.gaugeMax <= this.sizeForm.gaugeMin) {
         this.$message.error(this.$t('chart.max_more_than_mix'))
diff --git a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
index ed35884998..141af10f37 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
@@ -1897,6 +1897,12 @@ export default {
       this.fontSize = arr
     },
     changeBarSizeCase(modifyName) {
+      if (!this.doChange) {
+        this.doChange = _.debounce(() => this.debounceChange(modifyName), 200)
+      }
+      this.doChange()
+    },
+    debounceChange(modifyName) {
       this.sizeForm['modifyName'] = modifyName
       if (this.sizeForm.gaugeMax <= this.sizeForm.gaugeMin) {
         this.$message.error(this.$t('chart.max_more_than_mix'))