Function gaugeHTML

web/js/app.js:269–282

(type, value)

  return `<span class="caps-traffic duo ${heavy ? 'heavy' : 'normal'}${small ? ' sm' : ''}" title="本月下行 | 上行"><span class="half in">${humanMinMBFromB(m.monthIn)}</span><span class="half out">${humanMinMBFromB(m.monthOut)}</span></span>`;
}
function gaugeHTML(type, value){
  const pct = clamp(num(value), 0, 100);
  const thresholds = {
    cpu: { warn: 75, bad: 90 },
    mem: { warn: 80, bad: 90 },
    hdd: { warn: 85, bad: 90 }
  }[type] || { warn: 75, bad: 90 };
  const warnAttr = pct >= thresholds.bad ? 'data-bad' : (pct >= thresholds.warn ? 'data-warn' : '');
  const label = type === 'cpu' ? 'CPU' : type === 'mem' ? '内存' : '硬盘';
  return `<div class="gauge-half" data-type="${type}" ${warnAttr} style="--p:${(pct / 100).toFixed(3)}" title="${label} ${pct.toFixed(0)}%">
    <svg viewBox="0 0 100 50" preserveAspectRatio="xMidYMid meet" aria-hidden="true"><path class="track" d="M10 50 A40 40 0 0 1 90 50" /><path class="arc" d="M10 50 A40 40 0 0 1 90 50" /></svg>
    <span>${pct.toFixed(0)}%</span>
  </div>`;
}
function resourceMeter(label, value, pct, kind){
  const safePct = clamp(num(pct), 0, 100);
  const thresholds = {