diff --git a/core/core-frontend/src/views/chart/components/editor/index.vue b/core/core-frontend/src/views/chart/components/editor/index.vue
index 268cf8aa92..d6b7edc458 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -1770,7 +1770,10 @@ const deleteChartFieldItem = id => {
                     ><Icon><dvInfoSvg class="svg-icon" /></Icon
                   ></el-icon>
                 </template>
-                {{ view.id }}
+                <div style="margin-bottom: 4px; font-size: 14px; color: #646a73">图表ID</div>
+                <div style="font-size: 14px; color: #1f2329">
+                  {{ view.id }}
+                </div>
               </el-popover>
             </div>
           </el-row>
diff --git a/core/core-frontend/src/views/common/DvDetailInfo.vue b/core/core-frontend/src/views/common/DvDetailInfo.vue
index 925215ea6e..fb2788ca51 100644
--- a/core/core-frontend/src/views/common/DvDetailInfo.vue
+++ b/core/core-frontend/src/views/common/DvDetailInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="info-card">
-    <div class="info-title">图表ID</div>
+    <div class="info-title">{{ `${dvInfo.type === 'dashboard' ? '仪表板' : '数据大屏'}ID` }}</div>
     <div class="info-content">{{ dvInfo.id }}</div>
     <div v-if="dvInfo.creatorName" class="info-title">{{ t('visualization.create_by') }}</div>
     <div v-if="dvInfo.creatorName" class="info-content">{{ dvInfo.creatorName }}</div>