diff --git a/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue b/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
index 5c01a443a1..cbdccb70cb 100644
--- a/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
+++ b/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
@@ -385,6 +385,10 @@ export default {
           this.editCompare()
           break
         case 'percent':
+          // 选择占比，自动将数值格式设置为百分比并保留2位小数
+          this.item.formatterCfg.type = 'percent'
+          this.item.formatterCfg.decimalCount = 2
+
           this.item.compareCalc.type = 'percent'
           this.$emit('onQuotaItemChange', this.item)
           break
diff --git a/frontend/src/views/chart/components/drag-item/QuotaItem.vue b/frontend/src/views/chart/components/drag-item/QuotaItem.vue
index 2a72ef6f29..5843e847e6 100644
--- a/frontend/src/views/chart/components/drag-item/QuotaItem.vue
+++ b/frontend/src/views/chart/components/drag-item/QuotaItem.vue
@@ -382,6 +382,10 @@ export default {
           this.editCompare()
           break
         case 'percent':
+          // 选择占比，自动将数值格式设置为百分比并保留2位小数
+          this.item.formatterCfg.type = 'percent'
+          this.item.formatterCfg.decimalCount = 2
+
           this.item.compareCalc.type = 'percent'
           this.$emit('onQuotaItemChange', this.item)
           break