diff --git a/react-ui/src/pages/AutoML/components/CreateForm/ExecuteConfig.tsx b/react-ui/src/pages/AutoML/components/CreateForm/ExecuteConfig.tsx
index a1a34c21..65ad4c8b 100644
--- a/react-ui/src/pages/AutoML/components/CreateForm/ExecuteConfig.tsx
+++ b/react-ui/src/pages/AutoML/components/CreateForm/ExecuteConfig.tsx
@@ -30,7 +30,13 @@ const classificationAlgorithms = [
'LightGBMClassification',
'XGBoostClassification',
'StackingClassification',
-].map((name) => ({ label: name, value: name }));
+].map((name) => {
+ if (name === 'mlp') {
+ return { label: 'tablenet', value: name };
+ } else {
+ return { label: name, value: name };
+ }
+});
// 回归算法
const regressorAlgorithms = [
@@ -280,9 +286,9 @@ function ExecuteConfig() {
-
+
diff --git a/react-ui/src/pages/Model/components/MetricsChart/index.tsx b/react-ui/src/pages/Model/components/MetricsChart/index.tsx
index 1a8ec631..6529fa97 100644
--- a/react-ui/src/pages/Model/components/MetricsChart/index.tsx
+++ b/react-ui/src/pages/Model/components/MetricsChart/index.tsx
@@ -65,14 +65,18 @@ export type MetricsChartProps = {
function MetricsChart({ name, chartData }: MetricsChartProps) {
const chartRef = useRef(null);
const xAxisData = chartData[0]?.iters;
- const seriesData = chartData.map((item) => {
- return {
- name: item.version,
- type: 'line' as const,
- smooth: true,
- data: item.values,
- };
- });
+ const seriesData = useMemo(
+ () =>
+ chartData.map((item) => {
+ return {
+ name: item.version,
+ type: 'line' as const,
+ smooth: true,
+ data: item.values,
+ };
+ }),
+ [chartData],
+ );
const options: echarts.EChartsOption = useMemo(
() => ({
@@ -158,7 +162,7 @@ function MetricsChart({ name, chartData }: MetricsChartProps) {
// 组件卸载
return () => {
- // myChart.dispose() 销毁实例
+ // 销毁实例
chart.dispose();
};
}, [options]);