!71 Optimize the horizontal coordinate precision of the histogram

Merge pull request !71 from 潘慧/master_ph

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);
         }

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},

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},