refactor(图表): 辅助线格式化提示 #10416

core/core-frontend/src/locales/zh-CN.ts

@@ -1213,6 +1213,7 @@ export default {
     only_input_number: '请输入正确数值',
     value_min_max_invalid: '最小值必须小于最大值',
     add_assist_line: '添加辅助线',
+    assist_line_tip: '辅助线数值格式跟随纵轴/横轴的标签格式化配置，请到样式中配置。',
     add_threshold: '添加阈值',
     add_condition: '添加条件',
     chart_quadrant: '象限图',

core/core-frontend/src/views/chart/components/editor/editor-senior/components/AssistLine.vue

@@ -205,7 +205,6 @@ onMounted(() => {
     <el-dialog
       v-if="state.editLineDialog"
       v-model="state.editLineDialog"
-      :title="t('chart.assist_line')"
       :visible="state.editLineDialog"
       width="1000px"
       class="dialog-css"
@@ -217,6 +216,19 @@ onMounted(() => {
         :use-quota-ext="useQuotaExt"
         @onAssistLineChange="lineChange"
       />
+      <template #header>
+        <div class="assist-line-cfg-header">
+          <span class="ed-dialog__title">{{ t('chart.assist_line') }}</span>
+          <el-tooltip class="item" effect="dark" placement="top">
+            <template #content>
+              <span> {{ t('chart.assist_line_tip') }}</span>
+            </template>
+            <el-icon class="hint-icon" :class="{ 'hint-icon--dark': themes === 'dark' }">
+              <Icon name="icon_info_outlined" />
+            </el-icon>
+          </el-tooltip>
+        </div>
+      </template>
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="closeEditLine">{{ t('chart.cancel') }}</el-button>
@@ -272,6 +284,16 @@ onMounted(() => {
       }
     }
   }
+  .assist-line-cfg-header {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    .ed-dialog__title {
+      margin-right: 4px;
+      font-size: 16px;
+    }
+  }
 }
 
 .shape-item {