diff --git a/mindinsight/ui/src/views/train-manage/data-traceback.vue b/mindinsight/ui/src/views/train-manage/data-traceback.vue
index 91a70feab4bb000ea5b27035ca4d3b6c67baf313..8b495678d90f8c4c367f72d2ac2462f91035d344 100644
--- a/mindinsight/ui/src/views/train-manage/data-traceback.vue
+++ b/mindinsight/ui/src/views/train-manage/data-traceback.vue
@@ -381,8 +381,10 @@ export default {
             id: item,
             checked: true,
           };
-          if (value && value.type == 'float') {
+          if (value && value.type === 'float') {
             obj.type = 'float';
+          } else if (value && value.type === 'int') {
+            obj.type = 'int';
           }
           arrayTemp.push(obj);
         });
@@ -408,14 +410,15 @@ export default {
         if (
           content.name === this.repeatTitle ||
           content.name === this.shuffleTitle ||
-          content.id === this.deviceNum
+          content.id === this.deviceNum ||
+          (content.type && content.type === 'int')
         ) {
           obj.scale = true;
           obj.minInterval = 1;
           this.setColorOfSelectedBar(selectedBarList, obj);
         } else if (
           this.numberTypeIdList.includes(content.id) ||
-          (content.type && content.type == 'float')
+          (content.type && content.type === 'float')
         ) {
           obj.scale = true;
           this.setColorOfSelectedBar(selectedBarList, obj);
diff --git a/mindinsight/ui/src/views/train-manage/image.vue b/mindinsight/ui/src/views/train-manage/image.vue
index dc2108bd6f1cafd65637bb4459265d54edd46e83..6e79db7bfb339f1ccc0ee1702f082b69e07cf785 100644
--- a/mindinsight/ui/src/views/train-manage/image.vue
+++ b/mindinsight/ui/src/views/train-manage/image.vue
@@ -345,9 +345,9 @@ export default {
                     sampleItem.curImgUrl =
                   `${basePath}${this.imageBasePath}train_id=${sampleItem.summaryId}` +
                   `&tag=${sampleItem.tagName}&step=${curSampleData.step}&wt=${curSampleData.wall_time}`;
-                    sampleItem.curTime = new Date(
+                    sampleItem.curTime = this.dealrelativeTime(new Date(
                         curSampleData.wall_time * 1000,
-                    ).toLocaleString();
+                    ).toString());
                     sampleItem.curImageSize = [
                       curSampleData.width,
                       curSampleData.height,
@@ -385,9 +385,9 @@ export default {
       sampleItem.curImgUrl =
         `${basePath}${this.imageBasePath}train_id=${sampleItem.summaryId}` +
         `&tag=${sampleItem.tagName}&step=${curStepData.step}&wt=${curStepData.wall_time}`;
-      sampleItem.curTime = new Date(
+      sampleItem.curTime = this.dealrelativeTime(new Date(
           curStepData.wall_time * 1000,
-      ).toLocaleString();
+      ).toString());
       sampleItem.curImageSize = [curStepData.width, curStepData.height];
     },
     /**
@@ -622,6 +622,17 @@ export default {
         },
       });
     },
+    /**
+     * Format Absolute Time
+     * @param {String} time string
+     * @return {string} str
+     */
+
+    dealrelativeTime(time) {
+      const arr = time.split(' ');
+      const str = arr[0] + ' ' + arr[1] + ' ' + arr[2] + ',' + ' ' + arr[4];
+      return str;
+    },
   },
   components: {
     multiselectGroupComponents,