diff --git a/docs/en_US/Tutorial/WebUI.md b/docs/en_US/Tutorial/WebUI.md index 64afd5fd7e..00bcf36dcf 100644 --- a/docs/en_US/Tutorial/WebUI.md +++ b/docs/en_US/Tutorial/WebUI.md @@ -50,13 +50,11 @@ Click the tab "Intermediate Result" to see the lines graph. ![](../../img/webui-img/trials_intermeidate.png) -We set a filter function for the intermediate result graph because that the trials may have many intermediate results in the training progress. You need to provide data if you want to use the filter button to see the trend of some trial. +The trial may have many intermediate results in the training progress. In order to see the trend of some trials more clearly, we set a filtering function for the intermediate result graph. -What data should be written in the first input? Maybe you find an intermediate count those trials became better or worse. In other word, it's an important and concerned intermediate count. Just input it into the first input. +You may find that these trials will get better or worse at one of intermediate results. In other words, this is an important and relevant intermediate result. To take a closer look at the point here, you need to enter its corresponding abscissa value at #Intermediate. -After selecting the intermeidate count, you should input your focus metric's range on this intermediate count. Yes, it's the min and max value. Like this picture, I choose the intermeidate count is 9 and the metric's range is 60-80. - -As a result, I filter these trials that the metric's range is 20-60 on the 13 intermediate count. +And then input the range of metrics on this intermedia result. Like below picture, it chooses No. 4 intermediate result and set the range of metrics to 0.8-1. ![](../../img/webui-img/filter-intermediate.png) ## View trials status diff --git a/docs/img/webui-img/compare.png b/docs/img/webui-img/compare.png index 00a25524e3..256bd58837 100644 Binary files a/docs/img/webui-img/compare.png and b/docs/img/webui-img/compare.png differ diff --git a/docs/img/webui-img/filter-intermediate.png b/docs/img/webui-img/filter-intermediate.png index 69d2cb8375..91b51987ea 100644 Binary files a/docs/img/webui-img/filter-intermediate.png and b/docs/img/webui-img/filter-intermediate.png differ diff --git a/docs/img/webui-img/trials_intermeidate.png b/docs/img/webui-img/trials_intermeidate.png index 2f3614af34..1f980e920a 100644 Binary files a/docs/img/webui-img/trials_intermeidate.png and b/docs/img/webui-img/trials_intermeidate.png differ diff --git a/src/webui/src/components/Modal/Compare.tsx b/src/webui/src/components/Modal/Compare.tsx index 0164d13935..ec0c3a9c01 100644 --- a/src/webui/src/components/Modal/Compare.tsx +++ b/src/webui/src/components/Modal/Compare.tsx @@ -83,7 +83,7 @@ class Compare extends React.Component { }, xAxis: { type: 'category', - // name: '# Intermeidate', + // name: '# Intermediate', boundaryGap: false, data: xAxis }, @@ -194,9 +194,9 @@ class Compare extends React.Component { maskClosable={false} width="90%" > - + {this.intermediate()} - # Intermeidate + # Intermediate {this.initColumn()} diff --git a/src/webui/src/components/TrialsDetail.tsx b/src/webui/src/components/TrialsDetail.tsx index d9ff35eac7..6c18f1c0ec 100644 --- a/src/webui/src/components/TrialsDetail.tsx +++ b/src/webui/src/components/TrialsDetail.tsx @@ -9,7 +9,7 @@ import DefaultPoint from './trial-detail/DefaultMetricPoint'; import Duration from './trial-detail/Duration'; import Title1 from './overview/Title1'; import Para from './trial-detail/Para'; -import Intermediate from './trial-detail/Intermeidate'; +import Intermediate from './trial-detail/Intermediate'; import TableList from './trial-detail/TableList'; const TabPane = Tabs.TabPane; import '../static/style/trialsDetail.scss'; diff --git a/src/webui/src/components/trial-detail/Intermeidate.tsx b/src/webui/src/components/trial-detail/Intermediate.tsx similarity index 99% rename from src/webui/src/components/trial-detail/Intermeidate.tsx rename to src/webui/src/components/trial-detail/Intermediate.tsx index 95f02d0816..9a9dfa1e6d 100644 --- a/src/webui/src/components/trial-detail/Intermeidate.tsx +++ b/src/webui/src/components/trial-detail/Intermediate.tsx @@ -292,7 +292,7 @@ class Intermediate extends React.Component isFilter ? - # Intermeidate + # Intermediate this.pointInput = input} @@ -321,7 +321,7 @@ class Intermediate extends React.Component null } - + { case 'Status': case 'Operation': case 'Default': - case 'Intermeidate count': + case 'Intermediate count': break; default: finalKeys.push(checkedValues[m]); @@ -392,7 +392,7 @@ class TableList extends React.Component { sorter: (a: TableObj, b: TableObj): number => a.status.localeCompare(b.status) }); break; - case 'Intermeidate count': + case 'Intermediate count': showColumn.push({ title: 'Intermediate count', dataIndex: 'progress', diff --git a/src/webui/src/static/const.ts b/src/webui/src/static/const.ts index 963c435276..f2708ebbee 100644 --- a/src/webui/src/static/const.ts +++ b/src/webui/src/static/const.ts @@ -42,7 +42,7 @@ const COLUMN_INDEX = [ index: 4 }, { - name: 'Intermeidate count', + name: 'Intermediate count', index: 5 }, { @@ -57,7 +57,7 @@ const COLUMN_INDEX = [ // defatult selected column const COLUMN = ['Trial No.', 'ID', 'Duration', 'Status', 'Default', 'Operation']; // all choice column !dictory final -const COLUMNPro = ['Trial No.', 'ID', 'Duration', 'Status', 'Intermeidate count', 'Default', 'Operation']; +const COLUMNPro = ['Trial No.', 'ID', 'Duration', 'Status', 'Intermediate count', 'Default', 'Operation']; export { MANAGER_IP, DOWNLOAD_IP, trialJobStatus, COLUMNPro, CONTROLTYPE, MONACO, COLUMN, COLUMN_INDEX, DRAWEROPTION diff --git a/src/webui/src/static/style/compare.scss b/src/webui/src/static/style/compare.scss index 927b340f78..164893fc30 100644 --- a/src/webui/src/static/style/compare.scss +++ b/src/webui/src/static/style/compare.scss @@ -24,7 +24,7 @@ } } -.compare-intermeidate{ +.compare-intermediate{ position: relative; .compare-yAxis{ color: #333; diff --git a/src/webui/src/static/style/trialsDetail.scss b/src/webui/src/static/style/trialsDetail.scss index 2b8f75e579..d4a2ca0fbd 100644 --- a/src/webui/src/static/style/trialsDetail.scss +++ b/src/webui/src/static/style/trialsDetail.scss @@ -84,8 +84,8 @@ } } -/* for # intermediate in intermeidate graph*/ -.intermeidate-graph{ +/* for # intermediate in intermediate graph*/ +.intermediate-graph{ position: relative; .yAxis{ color: #333;