Show default metric in hyper-parameter (#1200)

* Show default metric in hyper-parameter

* set default metric style in hyper-parameter

src/webui/src/components/trial-detail/Para.tsx

@@ -145,7 +145,8 @@ class Para extends React.Component<ParaProps, ParaState> {
 
         const parallelAxis: Array<Dimobj> = [];
         // search space range and specific value [only number]
-        for (let i = 0; i < dimName.length; i++) {
+        let i = 0;
+        for (i; i < dimName.length; i++) {
             const searchKey = searchRange[dimName[i]];
             switch (searchKey._type) {
                 case 'uniform':
@@ -213,6 +214,13 @@ class Para extends React.Component<ParaProps, ParaState> {
 
             }
         }
+        parallelAxis.push({
+            dim: i,
+            name: 'default metric',
+            nameTextStyle: {
+                fontWeight: 700
+            }
+        });
         if (lenOfDataSource === 0) {
             const optionOfNull = {
                 parallelAxis,
@@ -229,8 +237,8 @@ class Para extends React.Component<ParaProps, ParaState> {
                                 const length = value.length;
                                 if (length > 16) {
                                     const temp = value.split('');
-                                    for (let i = 16; i < temp.length; i += 17) {
-                                        temp[i] += '\n';
+                                    for (let m = 16; m < temp.length; m += 17) {
+                                        temp[m] += '\n';
                                     }
                                     return temp.join('');
                                 } else {

src/webui/src/static/interface.ts

@@ -97,6 +97,7 @@ interface Dimobj {
     axisTick?: object;
     axisLabel?: object;
     axisLine?: object;
+    nameTextStyle?: object;
 }
 
 interface ParaObj {