!64 UI Linkage of lineages: model and dataset(3rd commit)

Merge pull request !64 from 潘慧/master_ph

mindinsight/ui/src/locales/zh-cn.json

@@ -48,7 +48,8 @@
     "noDataFound":"暂无满足筛选条件的数据",
     "noDataTips":"请点击“显示全量数据”按钮查看全量数据",
     "userDefined": "自定义数据",
-    "metric": "度量指标"
+    "metric": "度量指标",
+    "deviceNum": "device数目"
   },
   "dataTraceback": {
     "details": "详情",

mindinsight/ui/src/views/train-manage/data-traceback.vue

@@ -255,6 +255,7 @@ export default {
         this.$t('modelTraceback.learningRate'),
         'epoch',
         'steps',
+        this.$t('modelTraceback.deviceNum'),
         this.$t('modelTraceback.modelSize'),
         this.$t('modelTraceback.lossFunc'),
       ],
@@ -266,6 +267,7 @@ export default {
         'model_size',
         'loss',
         'learning_rate',
+        'device_num',
       ],
       table: {
         columnOptions: {
@@ -303,6 +305,9 @@ export default {
           batch_size: {
             label: 'steps',
           },
+          device_num: {
+            label: this.$t('modelTraceback.deviceNum'),
+          },
           loss_function: {
             label: this.$t('modelTraceback.lossFunc'),
           },

mindinsight/ui/src/views/train-manage/model-traceback.vue

@@ -82,7 +82,7 @@ limitations under the License.
                            :label="table.columnOptions[key].label"
                            :fixed="table.columnOptions[key].label===text?true:false"
                            show-overflow-tooltip
-                           min-width="180"
+                           min-width="150"
                            sortable="custom">
             <template slot="header"
                       slot-scope="scope">
@@ -248,6 +248,10 @@ export default {
             label: 'steps',
             required: false,
           },
+          device_num: {
+            label: this.$t('modelTraceback.deviceNum'),
+            required: false,
+          },
           model_size: {
             label: this.$t('modelTraceback.modelSize'),
             required: false,

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

@@ -55,7 +55,7 @@ limitations under the License.
            @click="viewMoreHistogram">
         <div class="cl-dashboard-title">{{$t("histogram.titleText")}}</div>
         <div class="cl-module">
-          <div id="histogram-char-container"
+          <div class="histogram-char-container"
                v-show="!!histogramTag && !wrongPlugin">
             <div id="distribution-chart"></div>
             <div class="tag-text">{{histogramTag}}</div>