more chart development

This commit is contained in:
2026-01-27 17:16:36 +11:00
parent 47df7bc431
commit 2953690d5c
5 changed files with 306 additions and 65 deletions

View File

@@ -17,9 +17,16 @@
<div class="subtitle" id="site-meta">Loading...</div>
</div>
<div class="controls">
<button class="btn" data-range="6h">6h</button>
<button class="btn active" data-range="24h">24h</button>
<button class="btn" data-range="72h">72h</button>
<div class="segmented" role="group" aria-label="time range">
<button class="btn" data-range="6h">6h</button>
<button class="btn active" data-range="24h">24h</button>
<button class="btn" data-range="72h">72h</button>
<button class="btn" data-range="7d">7d</button>
</div>
<div class="segmented" role="group" aria-label="timezone">
<button class="btn active" data-tz="local">Local</button>
<button class="btn" data-tz="utc">UTC</button>
</div>
</div>
</header>
@@ -58,6 +65,14 @@
<div class="label">Light Lux</div>
<div class="value" id="live-lux">--</div>
</div>
<div class="metric">
<div class="label">Battery mV</div>
<div class="value" id="live-battery">--</div>
</div>
<div class="metric">
<div class="label">Supercap V</div>
<div class="value" id="live-supercap">--</div>
</div>
</div>
<div class="callouts">
@@ -112,6 +127,12 @@
<canvas id="chart-light"></canvas>
</div>
</div>
<div class="chart-card">
<div class="chart-title">Battery + Supercap</div>
<div class="chart-canvas">
<canvas id="chart-power"></canvas>
</div>
</div>
<div class="chart-card wide">
<div class="chart-title">Precipitation (forecast)</div>
<div class="chart-canvas">