fix: MiniChart canvas ID + 传字符串 (非 DOM 元素)
This commit is contained in:
@@ -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 */ }
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user