UX Enhancement - User can edit the Top k manually in WebUI

[yangou1988]

Short summary about the issue/question:
Users hope that they can edit the range of Top K as top 10, 20, 30, 50, 100... in WebUI Overview (home) page when they are running a experiment with lots of trials.

Brief what process you are following:
Draft UX design plan. wait for review.

How to reproduce it:
Add a drop down button at the top-right of Top max/min to choose the number of top trials( 10, 20, 30, 50, 100 ).

Defaut (Top10)

Click drop down - choose top30

Display top 30 trials in right list and left chart

---

No successes trials scenario
Message: The experiment is running, please wait for the final metric patiently.
You could also find status of trial job with Trials detail button.

nni Environment:

• nni version:
• nni mode(local|pai|remote):
• OS:
• python version:
• is conda or virtualenv used?:
• is running in docker?:

[yangou1988]

#2007

[Lijiaoa]

No successes trials scenario: PR #2318.
Still have task to do.

[ultmaster]

It's done in v1.7