!52 UI support histogram visualization(3rd commit)

Merge pull request !52 from 潘慧/master_ph

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

@@ -46,8 +46,9 @@
     "modelSize": "模型大小",
     "dataProcess": "数据处理",
     "noDataFound":"暂无满足筛选条件的数据",
-    "noDataTips":"请点击“显示全量数据”按钮查看全量数据"
-
+    "noDataTips":"请点击“显示全量数据”按钮查看全量数据",
+    "userDefined": "自定义数据",
+    "metric": "度量指标"
   },
   "dataTraceback": {
     "details": "详情",
@@ -102,21 +103,21 @@
   },
   "histogram": {
     "titleText": "参数分布图",
-    "xAxisTitle": "水平轴",
-    "viewType": "直方图模式",
+    "xAxisTitle": "纵轴",
+    "viewType": "视角",
     "centerValue": "中心值",
     "step": "步骤",
     "relativeTime": "相对时间",
     "absoluteTime": "绝对时间",
-    "overlay": "覆盖",
-    "offset": "偏移",
+    "overlay": "正视",
+    "offset": "俯视",
     "fullScreen": "切换全屏"
   },
   "dataMap": {
-    "titleText": "数据图可视"
+    "titleText": "数据图"
   },
   "graph": {
-    "titleText": "计算图可视",
+    "titleText": "计算图",
     "downloadPic": "下载",
     "nodeInfo": "节点信息",
     "legend": "图例",

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

@@ -51,15 +51,15 @@ limitations under the License.
         </div>
       </div>
       <div class="cl-dashboard-con-up"
-           :class="!!histogramTag ? '' : 'no-data-hover'"
+           :class="!!histogramTag && !wrongPlugin ? '' : 'no-data-hover'"
            @click="viewMoreHistogram">
         <div class="cl-dashboard-title">{{$t("histogram.titleText")}}</div>
         <div class="cl-module">
           <div id="distribution-chart"
-               v-show="!!histogramTag"></div>
+               v-show="!!histogramTag && !wrongPlugin"></div>
           <div class="no-data-img"
                key="no-chart-data"
-               v-show="!histogramTag">
+               v-show="!histogramTag || wrongPlugin">
             <img :src="require('@/assets/images/nodata.png')"
                  alt="" />
             <p class='no-data-text'>
@@ -769,15 +769,18 @@ export default {
       if (!tagList) {
         return;
       }
+      let histogramTag = '';
       if (!this.histogramTag || tagList.indexOf(this.histogramTag) === -1) {
-        this.histogramTag = tagList[0] || '';
+        histogramTag = tagList[0] || '';
+      } else {
+        histogramTag = this.histogramTag;
       }
-      if (!this.histogramTag) {
+      if (!histogramTag) {
         return;
       }
       const params = {
         train_id: this.trainingJobId,
-        tag: this.histogramTag,
+        tag: histogramTag,
       };
       // tag
       RequestService.getHistogramData(params).then((res) => {
@@ -790,6 +793,7 @@ export default {
           return;
         }
         const data = res.data;
+        this.histogramTag = histogramTag;
         this.histogramData = this.formOriData(data);
         const charOption = this.formatDataToChar();
         this.updateHistogramSampleData(charOption);
@@ -873,7 +877,7 @@ export default {
         textStyle: {fontFamily: 'Merriweather Sans'},
         title: {
           text: charOption.title || '',
-          textStyle: {fontSize: '16', fontWeight: '600'},
+          textStyle: {fontSize: '12', fontWeight: '400'},
           bottom: 6,
           left: 'center',
         },