|
|
|
@@ -65,14 +65,18 @@ export type MetricsChartProps = { |
|
|
|
function MetricsChart({ name, chartData }: MetricsChartProps) { |
|
|
|
const chartRef = useRef<HTMLDivElement>(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]); |
|
|
|
|