diff --git a/mindinsight/ui/src/locales/zh-cn.json b/mindinsight/ui/src/locales/zh-cn.json
index 030a5bc04eaefa5ae466484ec2fba21d4220cf13..3ad3a9613fb7b444d0e15a57ae1555f291c14738 100644
--- a/mindinsight/ui/src/locales/zh-cn.json
+++ b/mindinsight/ui/src/locales/zh-cn.json
@@ -48,7 +48,8 @@
     "noDataFound":"暂无满足筛选条件的数据",
     "noDataTips":"请点击“显示全量数据”按钮查看全量数据",
     "userDefined": "自定义数据",
-    "metric": "度量指标"
+    "metric": "度量指标",
+    "deviceNum": "device数目"
   },
   "dataTraceback": {
     "details": "详情",
diff --git a/mindinsight/ui/src/views/train-manage/data-traceback.vue b/mindinsight/ui/src/views/train-manage/data-traceback.vue
index 6e3e5381ba9f690ddeded06bd5220dc5943621a5..9415d3807dab8d0e029776b6f83bd71082b4c776 100644
--- a/mindinsight/ui/src/views/train-manage/data-traceback.vue
+++ b/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'),
           },
diff --git a/mindinsight/ui/src/views/train-manage/model-traceback.vue b/mindinsight/ui/src/views/train-manage/model-traceback.vue
index 7520dc61c68966b54befad43f86c8f5676da0b23..345be3fbfdd3a6f919c5563f439d3c41ec70879b 100644
--- a/mindinsight/ui/src/views/train-manage/model-traceback.vue
+++ b/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,
diff --git a/mindinsight/ui/src/views/train-manage/training-dashboard.vue b/mindinsight/ui/src/views/train-manage/training-dashboard.vue
index b27a42ac10e873ff42e2965b58655acf20a4b0f5..50afa1abb57153c0d338154e51534388054b5677 100644
--- a/mindinsight/ui/src/views/train-manage/training-dashboard.vue
+++ b/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>