diff --git a/src/locales/lang/en.ts b/src/locales/lang/en.ts
index bdd7f53b..944ecb3b 100644
--- a/src/locales/lang/en.ts
+++ b/src/locales/lang/en.ts
@@ -387,5 +387,6 @@ const msg = {
   hierarchyNodeMetrics: "Metrics for Hierarchy Graph Node",
   hierarchyNodeDashboard: "As dashboard for Hierarchy Graph Node",
   valueMappings: "Value Mappings",
+  mappingTip: `Notice: The mapping key support a regex string, for instance, `,
 };
 export default msg;
diff --git a/src/locales/lang/es.ts b/src/locales/lang/es.ts
index f50ba9e6..3bfa1a05 100644
--- a/src/locales/lang/es.ts
+++ b/src/locales/lang/es.ts
@@ -387,5 +387,6 @@ const msg = {
   hierarchyNodeMetrics: "Metrics for Hierarchy Graph Node",
   hierarchyNodeDashboard: "As dashboard for Hierarchy Graph Node",
   valueMappings: "Value Mappings",
+  mappingTip: `Notice: The mapping key support a regex string, for instance, `,
 };
 export default msg;
diff --git a/src/locales/lang/zh.ts b/src/locales/lang/zh.ts
index 0323df52..b98fbe5f 100644
--- a/src/locales/lang/zh.ts
+++ b/src/locales/lang/zh.ts
@@ -385,5 +385,6 @@ const msg = {
   hierarchyNodeMetrics: "层次图节点的指标",
   hierarchyNodeDashboard: "作为层次图节点的dashboard",
   valueMappings: "值映射",
+  mappingTip: "注意: 映射键是一个正则表达式字符串，比如 ",
 };
 export default msg;
diff --git a/src/views/dashboard/configuration/widget/graph-styles/components/ValueMappings.vue b/src/views/dashboard/configuration/widget/graph-styles/components/ValueMappings.vue
index 6bfe6c95..ca9bb106 100644
--- a/src/views/dashboard/configuration/widget/graph-styles/components/ValueMappings.vue
+++ b/src/views/dashboard/configuration/widget/graph-styles/components/ValueMappings.vue
@@ -15,9 +15,7 @@ limitations under the License. -->
 <template>
   <div>
     <span class="label">{{ t("valueMappings") }}</span>
-    <span class="label red"
-      >Notice: The mapping key support a regex string, for instance, ^-?(0|[1-9][0-9]*|2)(\\.0+)?$</span
-    >
+    <span class="label red">{{ t("mappingTip") }} ^-?(0|[1-9][0-9]*|2)(\\.0+)?$</span>
   </div>
   <div v-for="(key, index) in keys" :key="index" class="mb-10 flex-h">
     <div class="content-decoration" contenteditable="true" @blur="changeKeys($event, index)">
@@ -57,7 +55,7 @@ limitations under the License. -->
       valueMappings.value[params] = valueMappings.value[list[index]];
     }
     delete valueMappings.value[list[index]];
-    keys.value = Object.keys(valueMappings.value);
+    keys.value = graph.valueMappings ? Object.keys(valueMappings.value) : [""];
     updateConfig();
   }