From 548f43dc2602c669fdcb307d91000f81c22af5ea Mon Sep 17 00:00:00 2001
From: songjianet <1778651752@qq.com>
Date: Fri, 3 Dec 2021 18:16:52 +0800
Subject: [PATCH] [Feature][Workflow relationship] Format name. (#7149)

---
 .../projects/pages/kinship/_source/graphGridOption.js    | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/kinship/_source/graphGridOption.js b/dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/kinship/_source/graphGridOption.js
index 516abaf336..8846477bd9 100644
--- a/dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/kinship/_source/graphGridOption.js
+++ b/dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/kinship/_source/graphGridOption.js
@@ -30,6 +30,12 @@ const getCategory = (categoryDic, { workFlowPublishStatus, schedulePublishStatus
   }
 }
 
+const formatName = (str) => {
+  if (typeof str !== 'string') return ''
+
+  return str.slice(0, 6) + (str.length > 6 ? '\n...' : '')
+}
+
 const publishStatusFormat = (status) => {
   return status === 0 || status === '0' ? i18n.$t('offline') : status === 1 || status === '1' ? i18n.$t('online') : '-'
 }
@@ -116,8 +122,7 @@ export default function (locations, links, sourceWorkFlowCode, isShowLabel) {
         position: 'inside',
         formatter: (params) => {
           if (!params.data.name) return ''
-          const str = params.data.name.split('_').map(item => `{a|${item}\n}`).join('')
-          return str
+          return formatName(params.data.name)
         },
         color: '#222222',
         textStyle: {