nathan/go-weatherstation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve charts

Browse Source
This commit is contained in:
Nathan Coad
2026-01-28 08:51:41 +11:00
parent 940af3680f
commit 14b904cbad
4 changed files with 181 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
cmd/ingestd/web/index.html
View File

@@ -98,38 +98,56 @@
<div class="panel-meta" id="forecast-meta">--</div>
</div>
<div class="charts-grid">
<div class="chart-card">
<div class="chart-title">Temperature (obs vs forecast)</div>
<div class="chart-card" data-chart="chart-temp">
<div class="chart-header">
<div class="chart-title">Temperature (obs vs forecast)</div>
<button class="chart-link" data-chart="chart-temp" title="Copy chart link">Share</button>
</div>
<div class="chart-canvas">
<canvas id="chart-temp"></canvas>
</div>
</div>
<div class="chart-card">
<div class="chart-title">Wind (obs vs forecast)</div>
<div class="chart-card" data-chart="chart-wind">
<div class="chart-header">
<div class="chart-title">Wind (obs vs forecast)</div>
<button class="chart-link" data-chart="chart-wind" title="Copy chart link">Share</button>
</div>
<div class="chart-canvas">
<canvas id="chart-wind"></canvas>
</div>
</div>
<div class="chart-card">
<div class="chart-title">Humidity (obs vs forecast)</div>
<div class="chart-card" data-chart="chart-rh">
<div class="chart-header">
<div class="chart-title">Humidity (obs vs forecast)</div>
<button class="chart-link" data-chart="chart-rh" title="Copy chart link">Share</button>
</div>
<div class="chart-canvas">
<canvas id="chart-rh"></canvas>
</div>
</div>
<div class="chart-card">
<div class="chart-title">UV Index and Light</div>
<div class="chart-card" data-chart="chart-light">
<div class="chart-header">
<div class="chart-title">UV Index and Light</div>
<button class="chart-link" data-chart="chart-light" title="Copy chart link">Share</button>
</div>
<div class="chart-canvas">
<canvas id="chart-light"></canvas>
</div>
</div>
<div class="chart-card">
<div class="chart-title">Battery + Supercap</div>
<div class="chart-card" data-chart="chart-power">
<div class="chart-header">
<div class="chart-title">Battery + Supercap</div>
<button class="chart-link" data-chart="chart-power" title="Copy chart link">Share</button>
</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-card wide" data-chart="chart-precip">
<div class="chart-header">
<div class="chart-title">Precipitation (forecast)</div>
<button class="chart-link" data-chart="chart-precip" title="Copy chart link">Share</button>
</div>
<div class="chart-canvas">
<canvas id="chart-precip"></canvas>
</div>