fix: 仪表盘资源趋势图使用真实Agent指标替代随机假数据

- 后端 GetMetrics 修复 strftime 字符串无法扫入 time.Time 导致 timestamp 为零值的 bug
  (改为 string 类型 + time.ParseInLocation 手动解析)
- 前端 Dashboard.tsx 新增 getMetrics(24) 调用,获取真实按小时聚合的 Agent 数据
- DashboardCharts.tsx 新增 buildMetricsFromReal() 将 MetricData[] 转换为图表数据
- ResourceUsageCard 优先使用真实时间序列,无数据时回退到平均值生成
This commit is contained in:
attacker committed 2026-06-15 03:05:26 +08:00
1 parent b770ec025b
commit a3b84f79c7
3 files changed
+50 -8

No files matched your search

@@ -20,12 +20,13 @@ export function Dashboard() {
const [alerts, setAlerts] = useState<any[]>([]);
const [releases, setReleases] = useState<any[]>([]);
const [expCerts, setExpCerts] = useState<any[]>([]);
const [metrics, setMetrics] = useState<any[]>([]); // 真实 Agent 指标时间序列 // Logan.Li
useEffect(() => {
const fetchData = async () => {
setLoading(true);
try {
const [statsRes, serversRes, clustersRes, alertsRes, releasesRes] = await Promise.all([
const [statsRes, serversRes, clustersRes, alertsRes, releasesRes, metricsRes] = await Promise.all([
dashboardStatsApi.getStats().catch((e) => {
console.error('Failed to fetch dashboard stats:', e);
return null;
@@ -46,6 +47,11 @@ export function Dashboard() {
console.error('Failed to fetch dashboard releases:', e);
return null;
}),
// 获取真实 Agent 指标时间序列(过去24小时按小时聚合) // Logan.Li
dashboardStatsApi.getMetrics(24).catch((e) => {
console.error('Failed to fetch metrics:', e);
return [];
}),
]);
setStats(statsRes);
@@ -54,6 +60,7 @@ export function Dashboard() {
setAlerts(Array.isArray(alertsRes) ? alertsRes : []);
setReleases(Array.isArray(releasesRes) ? releasesRes : []);
setExpCerts(statsRes?.expiring_certs ?? []);
setMetrics(Array.isArray(metricsRes) ? metricsRes : []);
} catch (error) {
console.error('Failed to load dashboard data:', error);
} finally {
@@ -142,6 +149,7 @@ export function Dashboard() {
avgCpu={Number(serverStats?.avg_cpu ?? 0)}
avgMemory={Number(serverStats?.avg_memory ?? 0)}
avgDisk={Number(serverStats?.avg_disk ?? 0)}
metrics={metrics}
/>
{/* Cost & Top Resource Usage */}