diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ValueFormatterSetting.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ValueFormatterSetting.vue
index a020d092ee..1cfab477b4 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ValueFormatterSetting.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ValueFormatterSetting.vue
@@ -172,6 +172,7 @@ getExampleValue()
         <el-input
           v-model="formatterCfg.suffix"
           :effect="themes"
+          maxlength="30"
           size="small"
           clearable
           :placeholder="t('commons.input_content')"
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/components/ValueFormatterEdit.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/components/ValueFormatterEdit.vue
index ba8dea5bfd..2c6d1d3fad 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/components/ValueFormatterEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/components/ValueFormatterEdit.vue
@@ -117,6 +117,7 @@ getExampleValue()
         <el-input
           v-model="formatterItem.formatterCfg.suffix"
           clearable
+          maxlength="30"
           :placeholder="t('commons.input_content')"
           @change="getExampleValue"
         />
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/LabelSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/LabelSelector.vue
index a8ffc97aca..72ddc99d48 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/LabelSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/LabelSelector.vue
@@ -1433,6 +1433,7 @@ const isProgressBar = computed(() => {
                     :effect="props.themes"
                     v-model="curSeriesFormatter.formatterCfg.suffix"
                     size="small"
+                    maxlength="30"
                     clearable
                     :placeholder="t('commons.input_content')"
                     @change="changeLabelAttr('seriesLabelFormatter')"
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/TooltipSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/TooltipSelector.vue
index cf32dc5c36..b5aee12fc1 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/TooltipSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/TooltipSelector.vue
@@ -935,6 +935,7 @@ onMounted(() => {
                     :disabled="!curSeriesFormatter.show"
                     :effect="props.themes"
                     v-model="curSeriesFormatter.formatterCfg.suffix"
+                    maxlength="30"
                     size="small"
                     clearable
                     :placeholder="t('commons.input_content')"