diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
index c327af5a7..eaab74567 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
@@ -357,6 +357,7 @@
     font-size: 14px;
     color: $--color-text-primary;
     line-height: 20px;
+    white-space: pre-wrap;
   }
 }
 
diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
index 8d0d0abe3..0edf6ae76 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
@@ -755,9 +755,9 @@
                     <el-popover placement="top" trigger="hover" popper-class="prevent-clickoutside">
                       <div class="columns-dispaly-pop" style="width:396px">
                         <div class="columns-dispaly-title" v-pre>{{&lt;expression name&gt;.$labels.&lt;label name&gt;}}</div>
-                        <div class="columns-dispaly-msg">{{$t('tip.expressionLabel')}}{{$t('tip.$labels')}}</div>
+                        <div class="columns-dispaly-msg">{{$t('tip.expressionLabel',{expr:"\{\{A.$labels.asset\}\}"})}}</div>
                         <div class="columns-dispaly-title" v-pre>{{&lt;expression name&gt;.$value}}</div>
-                        <div class="columns-dispaly-msg">{{$t('tip.expressionValue')}}</div>
+                        <div class="columns-dispaly-msg">{{$t('tip.expressionValue',{expr:"\{\{A.$value\}\}"})}}</div>
                       </div>
                       <span slot="reference">
                         <i class="nz-icon nz-icon-info-normal" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
@@ -1223,7 +1223,7 @@ export default {
               label: '',
               min: undefined,
               max: undefined
-            },
+            }
           }
           this.$nextTick(() => {
             this.chartConfig.param.thresholds.push({ value: undefined, color: randomcolor() })
diff --git a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
index 64f283623..70f5f51d6 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
@@ -505,9 +505,9 @@
                     <el-popover placement="top" trigger="hover" popper-class="prevent-clickoutside">
                       <div class="columns-dispaly-pop" style="width:396px">
                         <div class="columns-dispaly-title" v-pre>{{&lt;expression name&gt;.$labels.&lt;label name&gt;}}</div>
-                        <div class="columns-dispaly-msg">{{$t('tip.expressionLabel')}}{{$t('tip.$labels')}}</div>
+                        <div class="columns-dispaly-msg">{{$t('tip.expressionLabel',{expr:"\{\{System.$labels.asset\}\}"})}}</div>
                         <div class="columns-dispaly-title" v-pre>{{&lt;expression name&gt;.$value}}</div>
-                        <div class="columns-dispaly-msg">{{$t('tip.expressionValue')}}</div>
+                        <div class="columns-dispaly-msg">{{$t('tip.expressionValue',{expr:"\{\{System.$value\}\}"})}}</div>
                       </div>
                       <span slot="reference">
                         <i class="nz-icon nz-icon-info-normal" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>