diff --git a/mindinsight/ui/src/views/train-manage/graph.vue b/mindinsight/ui/src/views/train-manage/graph.vue
index f8d4dbfd4f20ab96eae523270f76b95e3ff4b231..a30ae63907497d638d4b7e076a49bbee3c932c9c 100644
--- a/mindinsight/ui/src/views/train-manage/graph.vue
+++ b/mindinsight/ui/src/views/train-manage/graph.vue
@@ -2029,9 +2029,13 @@ export default {
           selectedNode.type === 'name_scope' ||
           selectedNode.type === 'aggregation_scope';
         this.selectedNode.count = selectedNode.subnode_count;
-        this.selectedNode.info.attributes = JSON.parse(
-            JSON.stringify(selectedNode.attr),
-        );
+        const attrTemp = JSON.parse(JSON.stringify(selectedNode.attr || {}));
+        this.selectedNode.info.attributes = Object.keys(attrTemp).map((key) => {
+          return {
+            name: key,
+            value: attrTemp[key],
+          };
+        });
 
         Object.keys(selectedNode.input).forEach((key) => {
           const value = this.getEdgeLabel(selectedNode.input[key]);