admin
3649bf4e22
Next.js-App zur Visualisierung des Stromverbrauchs aus InfluxDB (Bucket strom, measurement vzlogger, Feld arbeit = kumulativer Zaehlerstand in Wh). - 4 Balken-Diagramme: 24h (stuendlich), Woche (stuendlich), 31 Tage (taeglich), Jahr (pro Monat, immer 12 Monate) - Verbrauch via difference des Zaehlerstands, zeitzonen-korrekt - 24h liest Rohdaten (aktuell), 7d/31d/365d den stuendlichen Downsampling-Rollup (arbeit_hourly) -> sub-sekunde - Gesamtverbrauch je Zeitraum unter dem Chart - Design/Layout angelehnt an Werte-Log "Verlauf" Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
17 lines
390 B
TypeScript
17 lines
390 B
TypeScript
'use client';
|
|
|
|
import dynamic from 'next/dynamic';
|
|
|
|
const VerbrauchCharts = dynamic(() => import('@/components/VerbrauchCharts'), {
|
|
ssr: false,
|
|
loading: () => (
|
|
<div className="min-h-screen bg-white flex items-center justify-center">
|
|
<span className="text-gray-500">Lade Grafiken…</span>
|
|
</div>
|
|
),
|
|
});
|
|
|
|
export default function Home() {
|
|
return <VerbrauchCharts />;
|
|
}
|