diff --git a/mindinsight/ui/src/views/train-manage/data-map.vue b/mindinsight/ui/src/views/train-manage/data-map.vue
index 480e5841701f79165bec0ef6031b70d8c909822d..5289e68a80976593a659c2b05a4e03127b683fce 100644
--- a/mindinsight/ui/src/views/train-manage/data-map.vue
+++ b/mindinsight/ui/src/views/train-manage/data-map.vue
@@ -525,7 +525,11 @@ export default {
       width: auto;
       height: auto;
       padding: 0;
+      .data-map-container {
+        width: 100%;
+      }
       #sidebar {
+        top: 32px;
         .node-info-con {
           height: calc(100% - 280px);
         }
diff --git a/mindinsight/ui/src/views/train-manage/histogram.vue b/mindinsight/ui/src/views/train-manage/histogram.vue
index 6a74dd2635c0ace08a011c5df6323b13d1303c5b..7a9453ad2642c002505054d4fe422631a8362fd2 100644
--- a/mindinsight/ui/src/views/train-manage/histogram.vue
+++ b/mindinsight/ui/src/views/train-manage/histogram.vue
@@ -1132,7 +1132,7 @@ export default {
       const curAxisName = this.curAxisName;
       const option = {
         grid: {
-          left: 15,
+          left: 24,
           top: 60,
           right: 50,
           bottom: 60,
@@ -1144,7 +1144,11 @@ export default {
           axisLabel: {
             fontSize: '11',
             formatter: function(value) {
-              return Math.round(value * 100) / 100;
+              if (value.toString().length > 6) {
+                return value.toExponential(3);
+              } else {
+                return Math.round(value * 1000) / 1000;
+              }
             },
           },
           splitLine: {show: false},
diff --git a/mindinsight/ui/src/views/train-manage/training-dashboard.vue b/mindinsight/ui/src/views/train-manage/training-dashboard.vue
index c8b7afdfd75e2d6f73f3f50657c3491bbbc9be31..228ddff3744a0dc4cd7a6c4c96bea3f4a5d0f016 100644
--- a/mindinsight/ui/src/views/train-manage/training-dashboard.vue
+++ b/mindinsight/ui/src/views/train-manage/training-dashboard.vue
@@ -897,7 +897,7 @@ export default {
       });
       const option = {
         grid: {
-          left: 15,
+          left: 24,
           top: 120,
           right: 40,
           bottom: 43,
@@ -909,7 +909,11 @@ export default {
           axisLabel: {
             fontSize: '11',
             formatter: function(value) {
-              return Math.round(value * 100) / 100;
+              if (value.toString().length > 6) {
+                return value.toExponential(3);
+              } else {
+                return Math.round(value * 1000) / 1000;
+              }
             },
           },
           splitLine: {show: false},