| @@ -65,14 +65,18 @@ export type MetricsChartProps = { | |||||
| function MetricsChart({ name, chartData }: MetricsChartProps) { | function MetricsChart({ name, chartData }: MetricsChartProps) { | ||||
| const chartRef = useRef<HTMLDivElement>(null); | const chartRef = useRef<HTMLDivElement>(null); | ||||
| const xAxisData = chartData[0]?.iters; | 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( | const options: echarts.EChartsOption = useMemo( | ||||
| () => ({ | () => ({ | ||||
| @@ -158,7 +162,7 @@ function MetricsChart({ name, chartData }: MetricsChartProps) { | |||||
| // 组件卸载 | // 组件卸载 | ||||
| return () => { | return () => { | ||||
| // myChart.dispose() 销毁实例 | |||||
| // 销毁实例 | |||||
| chart.dispose(); | chart.dispose(); | ||||
| }; | }; | ||||
| }, [options]); | }, [options]); | ||||