diff --git a/optuna_dashboard/ts/action.ts b/optuna_dashboard/ts/action.ts index e2f86a17..1bc8eeff 100644 --- a/optuna_dashboard/ts/action.ts +++ b/optuna_dashboard/ts/action.ts @@ -55,7 +55,7 @@ export const actionCreator = () => { studyId in studyDetails ? studyDetails[studyId].trials.slice(0, nLocalFixedTrials) : [] - study.trials = study.trials.concat(currentFixedTrials) + study.trials = currentFixedTrials.concat(study.trials) setStudyDetailState(studyId, study) }) .catch((err) => { diff --git a/optuna_dashboard/ts/components/GraphIntermediateValues.tsx b/optuna_dashboard/ts/components/GraphIntermediateValues.tsx index 369fde04..e19cf070 100644 --- a/optuna_dashboard/ts/components/GraphIntermediateValues.tsx +++ b/optuna_dashboard/ts/components/GraphIntermediateValues.tsx @@ -54,7 +54,8 @@ const plotIntermediateValue = (trials: Trial[], mode: string) => { const filteredTrials = trials.filter( (t) => t.state === "Complete" || - (t.state === "Pruned" && t.values && t.values.length > 0) + (t.state === "Pruned" && t.values && t.values.length > 0) || + t.state == "Running" ) const plotData: Partial[] = filteredTrials.map((trial) => { const values = trial.intermediate_values.filter((iv) => iv.value !== "inf") @@ -63,7 +64,10 @@ const plotIntermediateValue = (trials: Trial[], mode: string) => { y: values.map((iv) => iv.value), mode: "lines+markers", type: "scatter", - name: `trial #${trial.number}`, + name: + trial.state !== "Running" + ? `trial #${trial.number}` + : `trial #${trial.number} (running)`, } }) plotly.react(plotDomId, plotData, layout)