From 6b3585fa48709ea54ec94f1cdc82315094531993 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=98=89=E8=B1=AA?=
 <42510293+ziyujiahao@users.noreply.github.com>
Date: Fri, 1 Aug 2025 16:34:02 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E4=BB=AA=E8=A1=A8=E6=9D=BF=E3=80=81?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=9B=BE=E8=A1=A8=EF=BC=8C=E6=95=B0=E6=8D=AE=E9=9B=86=E3=80=81?=
 =?UTF-8?q?=E5=A4=96=E7=BD=AE=E5=8F=82=E6=95=B0=E9=85=8D=E7=BD=AE=E7=AD=89?=
 =?UTF-8?q?=E6=96=87=E6=9C=AC=E6=A0=87=E9=A2=98=E8=B6=85=E5=87=BA=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=20(#16600)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../visualization/OuterParamsSet.vue          | 19 +++++++++++++++++--
 .../views/chart/components/views/index.vue    |  9 ++++++++-
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/core/core-frontend/src/components/visualization/OuterParamsSet.vue b/core/core-frontend/src/components/visualization/OuterParamsSet.vue
index 1fe28cc8f4..a1ec610da8 100644
--- a/core/core-frontend/src/components/visualization/OuterParamsSet.vue
+++ b/core/core-frontend/src/components/visualization/OuterParamsSet.vue
@@ -166,7 +166,9 @@
                             <Icon name="icon_dataset"><icon_dataset class="svg-icon" /></Icon>
                           </el-icon>
                         </div>
-                        <span>{{ baseDatasetInfo.name }}</span>
+                        <span :title="baseDatasetInfo.name" class="ellipsis">{{
+                          baseDatasetInfo.name
+                        }}</span>
                       </div>
                       <div style="flex: 1; margin-left: -16px">
                         <el-select
@@ -253,7 +255,13 @@
                               ></component
                             ></Icon>
                           </div>
-                          <span style="font-size: 12px"> {{ viewInfo.chartName }}</span>
+                          <span
+                            class="ellipsis"
+                            :title="viewInfo.chartName"
+                            style="font-size: 12px"
+                          >
+                            {{ viewInfo.chartName }}</span
+                          >
                         </div>
                       </div>
                     </div>
@@ -1128,4 +1136,11 @@ defineExpose({
   color: #646a73;
   margin: 3px 0 0 4px;
 }
+
+.ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 220px;
+}
 </style>
diff --git a/core/core-frontend/src/views/chart/components/views/index.vue b/core/core-frontend/src/views/chart/components/views/index.vue
index f38276041f..436e767634 100644
--- a/core/core-frontend/src/views/chart/components/views/index.vue
+++ b/core/core-frontend/src/views/chart/components/views/index.vue
@@ -1087,7 +1087,7 @@ const clearG2Tooltip = () => {
       :style="{ 'justify-content': titleAlign, 'margin-bottom': marginBottom }"
     >
       <template v-if="!titleEditStatus">
-        <p v-if="titleShow" :style="state.title_class" @dblclick="changeEditTitle">
+        <p class="ellipsis" v-if="titleShow" :style="state.title_class" @dblclick="changeEditTitle">
           {{ view.title }}
         </p>
       </template>
@@ -1329,4 +1329,11 @@ const clearG2Tooltip = () => {
 .fade-leave-to {
   opacity: 0;
 }
+
+.ellipsis {
+  white-space: nowrap !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
 </style>