From a02a99b8a765d575230b0bf356b9cbe6f8220e2e Mon Sep 17 00:00:00 2001
From: likexuan <likexuan@geedgenetworks.com>
Date: Wed, 19 Oct 2022 11:40:40 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20chartRightBox=20=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=20=E5=9B=BE=E4=BE=8B=E4=B8=AD=E6=96=87?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/project/L5/CanvasProps.vue         | 3 ++-
 .../src/components/common/rightBox/chart/chartConfig.vue     | 3 ++-
 .../components/common/rightBox/chart/systemChartConfig.vue   | 5 +++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
index 47eb35d22..90587163b 100644
--- a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
+++ b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
@@ -244,7 +244,7 @@
                     <el-col class="legend-title">
                       {{ $t('dashboard.panel.chartForm.legend') }}&nbsp;
                       <el-popover placement="top" trigger="hover" width="211" popper-class="prevent-clickoutside">
-                        <div style="word-break:keep-all;">{{ $t('dashboard.panel.chartForm.legendTip') }}</div>
+                        <div :style="{'word-break':language!=='zh'?'keep-all':'break-all'}">{{ $t('dashboard.panel.chartForm.legendTip') }}</div>
                         <i slot="reference" class="nz-icon nz-icon-info-normal" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"
                            @mouseover="rz"></i>
                       </el-popover>
@@ -1118,6 +1118,7 @@ export default {
     return {
       theme: theme,
       expressions: [],
+      language: localStorage.getItem('nz-language') || 'en',
       chartTypeList: [
         {
           id: 'line',
diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
index e954409b4..3d5e2dea5 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
@@ -98,7 +98,7 @@
                 <el-col class="legend-title">
                   <span class="legend-title__span">{{$t('dashboard.panel.chartForm.legend')}}&nbsp;</span>
                   <el-popover placement="top" trigger="hover" width="211" popper-class="prevent-clickoutside">
-                    <div style="word-break:break-all; white-space: normal">{{$t('dashboard.panel.chartForm.legendTip')}}</div>
+                    <div style="white-space: normal" :style="{'word-break':language!=='zh'?'keep-all':'break-all'}">{{$t('dashboard.panel.chartForm.legendTip')}}</div>
                     <!-- <div :style="{'word-break':language!=='cn'?'keep-all':'break-all'}">{{$t('dashboard.panel.chartForm.legendTip')}}</div> -->
                     <i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
                   </el-popover>
@@ -969,6 +969,7 @@ export default {
       oldType: '',
       tag: '',
       promqlType: 'log',
+      language: localStorage.getItem('nz-language') || 'en',
       showHidden: [
         {
           id: 'show',
diff --git a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
index b88187c5a..971dd7166 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
@@ -113,7 +113,7 @@
               <el-col class="legend-title">
                 <span class="legend-title__span">{{$t('dashboard.panel.chartForm.legend')}}&nbsp;</span>
                 <el-popover placement="top" trigger="hover" width="211" popper-class="prevent-clickoutside">
-                  <div :style="{'word-break':language!=='cn'?'keep-all':'break-all'}">{{$t('dashboard.panel.chartForm.legendTip')}}</div>
+                  <div :style="{'word-break':language!=='zh'?'keep-all':'break-all'}">{{$t('dashboard.panel.chartForm.legendTip')}}</div>
                   <i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
                 </el-popover>
               </el-col>
@@ -910,7 +910,8 @@ export default {
         }
       ],
       keyList: [],
-      compareList: []
+      compareList: [],
+      language: localStorage.getItem('nz-language') || 'en'
     }
   },
   watch: {