!308 UI fix histogram the label name is too long, causing text overflow.

Merge pull request !308 from 夏易凡/yf-master

mindinsight/ui/src/views/train-manage/histogram.vue

@@ -1423,6 +1423,9 @@ export default {
             font-size: 16px;
             font-weight: 600;
             text-align: center;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            overflow: hidden;
           }
         }
       }

mindinsight/ui/src/views/train-manage/training-dashboard.vue

@@ -64,7 +64,8 @@ limitations under the License.
           <div class="histogram-char-container"
                v-show="!!histogramTag && !wrongPlugin">
             <div id="distribution-chart"></div>
-            <div class="tag-text">{{histogramTag}}</div>
+            <div class="tag-text"
+                 :title="histogramTag">{{histogramTag}}</div>
           </div>
           <div class="no-data-img"
                key="no-chart-data"
@@ -1941,6 +1942,9 @@ export default {
       font-size: 12px;
       font-weight: 400;
       text-align: center;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
     }
   }