diff --git a/mindinsight/ui/src/views/train-manage/data-map.vue b/mindinsight/ui/src/views/train-manage/data-map.vue
index 381e9df82ec925f82897648add7d935ef721353e..dea74bd51b1affcaad084a87125ef837e6505b76 100644
--- a/mindinsight/ui/src/views/train-manage/data-map.vue
+++ b/mindinsight/ui/src/views/train-manage/data-map.vue
@@ -172,7 +172,9 @@ export default {
       return;
     }
     this.trainJobID = this.$route.query.train_id;
-    document.title = `${decodeURIComponent(this.trainJobID)}-${this.$t('trainingDashboard.dataMap')}-MindInsight`;
+    document.title = `${decodeURIComponent(this.trainJobID)}-${this.$t(
+        'trainingDashboard.dataMap',
+    )}-MindInsight`;
     this.$nextTick(() => {
       this.queryGraphData();
     });
@@ -554,6 +556,8 @@ export default {
             const value =
               select[item] instanceof Array
                 ? select[item].join(', ')
+                : select[item] === null
+                ? 'None'
                 : select[item];
             this.selectedNode.push({key: item, value: value});
           }