diff --git a/mindinsight/ui/src/locales/zh-cn.json b/mindinsight/ui/src/locales/zh-cn.json
index 80bf5183c9534fd1dc693eedaac8007ff20f28d3..cb14e1d03a55a87dbf45f8721227cf6878c06a06 100644
--- a/mindinsight/ui/src/locales/zh-cn.json
+++ b/mindinsight/ui/src/locales/zh-cn.json
@@ -21,10 +21,10 @@
     "timeSecond": "秒"
   },
   "summaryManage": {
-    "summaryList": "Summary列表",
-    "currentFolder": "当前文件夹：",
+    "summaryList": "训练列表",
+    "currentFolder": "训练日志根路径：",
     "sorting": "序号",
-    "summaryPath": "summary路径",
+    "summaryPath": "训练日志路径",
     "createTime": "创建时间",
     "updateTime": "更新时间",
     "operation": "操作",
@@ -33,7 +33,7 @@
     "dataTraceback": "数据溯源"
   },
   "modelTraceback": {
-    "summaryPath": "summary路径",
+    "summaryPath": "训练日志路径",
     "trainSetPath": "训练集路径",
     "testSetPath": "测试集路径",
     "trainingSampleNum": "训练样本数量",
@@ -68,7 +68,7 @@
     "samplingData": "数据抽样",
     "imagesampleSwitch": "切换标签",
     "invalidId": "无效的训练作业",
-    "summaryDirPath": "summary路径："
+    "summaryDirPath": "训练日志路径："
   },
   "scalar": {
     "titleText": "标量",
diff --git a/mindinsight/ui/src/views/train-manage/data-map.vue b/mindinsight/ui/src/views/train-manage/data-map.vue
index 802f033858f3433f8d7a35f7c1eaf53269082472..02ec0fa77546670c574f0dd4eb23e5d0835b05d9 100644
--- a/mindinsight/ui/src/views/train-manage/data-map.vue
+++ b/mindinsight/ui/src/views/train-manage/data-map.vue
@@ -168,9 +168,11 @@ export default {
     if (!this.$route.query || !this.$route.query.train_id) {
       this.trainJobID = '';
       this.$message.error(this.$t('trainingDashboard.invalidId'));
+      document.title = this.$t('trainingDashboard.dataMap') + '-MindInsight';
       return;
     }
     this.trainJobID = this.$route.query.train_id;
+    document.title = decodeURIComponent(this.trainJobID) + '-' + this.$t('trainingDashboard.dataMap') + '-MindInsight';
     this.$nextTick(() => {
       this.queryGraphData();
     });
diff --git a/mindinsight/ui/src/views/train-manage/data-traceback.vue b/mindinsight/ui/src/views/train-manage/data-traceback.vue
index 8b495678d90f8c4c367f72d2ac2462f91035d344..434678e0833f3d698af911cbe266b57fb615a22a 100644
--- a/mindinsight/ui/src/views/train-manage/data-traceback.vue
+++ b/mindinsight/ui/src/views/train-manage/data-traceback.vue
@@ -332,6 +332,7 @@ export default {
   },
   computed: {},
   mounted() {
+    document.title = this.$t('summaryManage.dataTraceback') + '-MindInsight';
     this.$nextTick(() => {
       this.init();
     });
diff --git a/mindinsight/ui/src/views/train-manage/graph.vue b/mindinsight/ui/src/views/train-manage/graph.vue
index f8cc6464b09f01de6976e976f03ebc4ef505fd23..2e7b83fd32664df2ebbdc1f9fd633149c1ca7f21 100644
--- a/mindinsight/ui/src/views/train-manage/graph.vue
+++ b/mindinsight/ui/src/views/train-manage/graph.vue
@@ -389,9 +389,15 @@ export default {
     if (!this.$route.query || !this.$route.query.train_id) {
       this.trainJobID = '';
       this.$message.error(this.$t('trainingDashboard.invalidId'));
+      document.title = this.$t('graph.titleText') + '-MindInsight';
       return;
     }
     this.trainJobID = this.$route.query.train_id;
+    document.title =
+      decodeURIComponent(this.trainJobID) +
+      '-' +
+      this.$t('graph.titleText') +
+      '-MindInsight';
     this.getDatavisualPlugins();
     window.onresize = () => {
       const graphDom = document.querySelector('#graph #graph0');
@@ -927,7 +933,7 @@ export default {
      */
     packageGraphData() {
       const initSetting =
-        'node[style="filled";fontsize="10px"];edge[fontsize="6px";];';
+        'node[style="filled";fontsize="10px"];edge[fontsize="4px";];';
       return `digraph {${initSetting}${this.packageNodes()}${this.packageEdges()}}`;
     },
     /**
@@ -1477,7 +1483,7 @@ export default {
       const nodeStr = this.packageNodes(name);
       const edgeStr = this.packageEdges(name);
       const initSetting =
-        `node[style="filled";fontsize="10px";];` + `edge[fontsize="6px";];`;
+        `node[style="filled";fontsize="10px";];` + `edge[fontsize="4px";];`;
       const dotStr =
         `digraph {${initSetting}label="${name.split('/').pop()}";` +
         `${nodeStr}${edgeStr}}`;
@@ -1537,10 +1543,7 @@ export default {
                   '',
               )}`,
           )
-          .attr(
-              'class',
-              `edge${edge.edge_type === 'aggregation' ? ' hide' : ''}`,
-          );
+          .attr('class', 'edge');
       g.append('title').text(text);
       // Because the edges need to be highlighted, marker requires one side of each side.
       const marker = g.append(`marker`);
@@ -1571,7 +1574,7 @@ export default {
       g.append('text')
           .attr('text-anchor', 'middle')
           .attr('font-family', 'Times,serif')
-          .attr('font-size', '6px')
+          .attr('font-size', '4px')
           .attr('fill', '#000000')
           .attr('x', (points[0].x + points[1].x) / 2)
           .attr('y', (points[0].y + points[1].y) / 2)
@@ -3096,12 +3099,6 @@ export default {
         fill: #c1f5d5;
         stroke-dasharray: 1.5, 1.5;
       }
-      .hide {
-        visibility: hidden;
-      }
-      .show {
-        visibility: visible;
-      }
       .edge-point ellipse {
         stroke: #a7a7a7;
         fill: #a7a7a7;
diff --git a/mindinsight/ui/src/views/train-manage/histogram.vue b/mindinsight/ui/src/views/train-manage/histogram.vue
index 20c0bc78f8320b5535ad84d2761ef90f586928b5..1e061d58e07d399a42a55ab90a0c9465040a72e7 100644
--- a/mindinsight/ui/src/views/train-manage/histogram.vue
+++ b/mindinsight/ui/src/views/train-manage/histogram.vue
@@ -254,6 +254,13 @@ export default {
      * Initialize
      */
     init() {
+      if (!this.$route.query || !this.$route.query.train_id) {
+        this.$message.error(this.$t('trainingDashboard.invalidId'));
+        document.title = this.$t('histogram.titleText') + '-MindInsight';
+        return;
+      }
+      document.title = decodeURIComponent(this.$route.query.train_id) +'-' + this.$t('histogram.titleText') +
+      '-MindInsight';
       this.getOriginData();
       if (this.isTimeReload) {
         this.autoUpdateSamples();
diff --git a/mindinsight/ui/src/views/train-manage/image.vue b/mindinsight/ui/src/views/train-manage/image.vue
index 6e79db7bfb339f1ccc0ee1702f082b69e07cf785..331ae0a12da2f0e4fa21189ecb372b751bba0d88 100644
--- a/mindinsight/ui/src/views/train-manage/image.vue
+++ b/mindinsight/ui/src/views/train-manage/image.vue
@@ -134,7 +134,7 @@ export default {
       autoUpdateTimer: null, // Automatic refresh timer
       brightness: 50, // Brightness
       contrast: 50, // Contrast
-      trainingJobId: this.$route.query.id, // ID of the current training job
+      trainingJobId: this.$route.query.train_id, // ID of the current training job
       multiSelectedTagNames: {}, // Dictionary for storing the name of the selected tags
       curFilterSamples: [], // List of images that meet the current filter criteria
       tagOperateList: [], // Tag list
@@ -221,6 +221,13 @@ export default {
     }
   },
   mounted() {
+    if (!this.$route.query || !this.$route.query.train_id) {
+      this.$message.error(this.$t('trainingDashboard.invalidId'));
+      document.title = this.$t('images.titleText') + '-MindInsight';
+      return;
+    }
+    document.title = decodeURIComponent(this.$route.query.train_id) +'-' + this.$t('images.titleText') +
+      '-MindInsight';
     this.getTagList();
     // Automatic refresh
     if (this.isTimeReload) {
diff --git a/mindinsight/ui/src/views/train-manage/model-traceback.vue b/mindinsight/ui/src/views/train-manage/model-traceback.vue
index 78cd4e843e1dca316818bcb2c148fd975e06024d..72ab89c0afa0edba3dc8714073b9b6abf98675d0 100644
--- a/mindinsight/ui/src/views/train-manage/model-traceback.vue
+++ b/mindinsight/ui/src/views/train-manage/model-traceback.vue
@@ -179,6 +179,7 @@ export default {
   },
   computed: {},
   mounted() {
+    document.title = this.$t('summaryManage.modelTraceback') + '-MindInsight';
     this.$store.commit('setSelectedBarList', []);
     this.getStoreList();
     this.pagination.pageChange = (page) => {
diff --git a/mindinsight/ui/src/views/train-manage/scalar.vue b/mindinsight/ui/src/views/train-manage/scalar.vue
index 8fd48ed22ac4027b9af5ca6b1549dee4231a9b80..09bcd246b1b531d730907829910781559ad2c268 100644
--- a/mindinsight/ui/src/views/train-manage/scalar.vue
+++ b/mindinsight/ui/src/views/train-manage/scalar.vue
@@ -250,6 +250,13 @@ export default {
     }
   },
   mounted() {
+    if (!this.$route.query || !this.$route.query.train_id) {
+      this.$message.error(this.$t('trainingDashboard.invalidId'));
+      document.title = this.$t('scalar.titleText') + '-MindInsight';
+      return;
+    }
+    document.title = decodeURIComponent(this.$route.query.train_id) +'-' + this.$t('scalar.titleText') +
+      '-MindInsight';
     // Adding a Listener
     window.addEventListener('resize', this.resizeCallback, false);
 
diff --git a/mindinsight/ui/src/views/train-manage/summary-manage.vue b/mindinsight/ui/src/views/train-manage/summary-manage.vue
index 001bb8578ad8755ae0fc474df5309da142f89f55..261c591afeebe3db32c488b5a3248f74c6d6b137 100644
--- a/mindinsight/ui/src/views/train-manage/summary-manage.vue
+++ b/mindinsight/ui/src/views/train-manage/summary-manage.vue
@@ -58,8 +58,7 @@ limitations under the License.
             <!--operate   -->
             <el-table-column prop="operate"
                              :label="$t('summaryManage.operation')"
-                             show-overflow-tooltip
-                             width="150">
+                             width="170">
               <template slot-scope="scope">
                 <el-button type="text"
                            class="cursor-type"
@@ -106,6 +105,7 @@ export default {
   destroyed() {},
   activated() {},
   mounted() {
+    document.title = this.$t('summaryManage.summaryList') + '-MindInsight';
     this.$nextTick(() => {
       this.init();
     });
diff --git a/mindinsight/ui/src/views/train-manage/training-dashboard.vue b/mindinsight/ui/src/views/train-manage/training-dashboard.vue
index 1e305ad7f6209d8e596766b14201bd39f49a3fb1..dfe51023c2a068efa5408ef86585e27f47118fcd 100644
--- a/mindinsight/ui/src/views/train-manage/training-dashboard.vue
+++ b/mindinsight/ui/src/views/train-manage/training-dashboard.vue
@@ -292,7 +292,9 @@ export default {
       if (this.$route.query && this.$route.query.id) {
         this.trainingJobId = this.$route.query.id;
         this.summaryPath = decodeURIComponent(this.trainingJobId);
+        document.title = this.summaryPath + '-' + this.$t('trainingDashboard.trainingDashboardTitle') + '-MindInsight';
       } else {
+        document.title = this.$t('trainingDashboard.trainingDashboardTitle') + '-MindInsight';
         this.trainingJobId = '';
         this.$message.error(this.$t('trainingDashboard.invalidId'));
       }
@@ -1186,7 +1188,7 @@ export default {
       this.$router.push({
         path: '/train-manage/image',
         query: {
-          id: this.trainingJobId,
+          train_id: this.trainingJobId,
         },
       });
     },