fix: MiniChart canvas ID + 传字符串 (非 DOM 元素)

This commit is contained in:
qinglong
2026-06-14 07:39:20 +08:00
parent 99719398d7
commit d1e96331e2
+6 -6
View File
@@ -188,9 +188,9 @@
'<div class="card-mid">'+ '<div class="card-mid">'+
'<div class="metrics-body">'+ '<div class="metrics-body">'+
'<div style="display:flex;flex-wrap:wrap;gap:12px;margin-bottom:4px">'+ '<div style="display:flex;flex-wrap:wrap;gap:12px;margin-bottom:4px">'+
'<div class="chart-box"><canvas class="chart-cpu" width="160" height="50"></canvas></div>'+ '<div class="chart-box"><canvas id="'+id+'-cpu" width="160" height="50"></canvas></div>'+
'<div class="chart-box"><canvas class="chart-mem" width="160" height="50"></canvas></div>'+ '<div class="chart-box"><canvas id="'+id+'-mem" width="160" height="50"></canvas></div>'+
'<div class="chart-box"><canvas class="chart-net" width="160" height="50"></canvas></div>'+ '<div class="chart-box"><canvas id="'+id+'-net" width="160" height="50"></canvas></div>'+
'</div>'+ '</div>'+
'<div class="metric-row">'+ '<div class="metric-row">'+
'<div class="metric"><div class="metric-label">CPU</div><div class="metric-value cpu-val" style="font-size:1.3rem">0%</div></div>'+ '<div class="metric"><div class="metric-label">CPU</div><div class="metric-value cpu-val" style="font-size:1.3rem">0%</div></div>'+
@@ -208,9 +208,9 @@
if (mcBody) { if (mcBody) {
try { try {
_chartInstances[id] = [ _chartInstances[id] = [
new MiniChart(mcBody.querySelector('.chart-cpu'), '#7aa2f7'), new MiniChart(id+'-cpu', '#7aa2f7'),
new MiniChart(mcBody.querySelector('.chart-mem'), '#9ece6a'), new MiniChart(id+'-mem', '#9ece6a'),
new MiniChart(mcBody.querySelector('.chart-net'), '#e0af68'), new MiniChart(id+'-net', '#e0af68'),
]; ];
} catch(e) { /* MiniChart init failed, continue without charts */ } } catch(e) { /* MiniChart init failed, continue without charts */ }
} }