Sessions UI: visualization, month/year charts

[naltatis]

wip

TODOs

• header and year navigation
• add cost, price and co2 chart
• optimize for mobile
• add solar percentage month radar chart (in year and total)
• improve charge history title

[naltatis]

sneak preview

[andig]

Das sieht richtig genial aus. Bei kurzem Test ist es mir allerdings nicht gelungen, in diesem Branch die "Charging Sessions" zu öffnen- Menüclick tut gar nichts mehr. Console:

TypeError: undefined is not an object (evaluating 'G.overrides.pie.plugins') — 

[VolkerK62]

Vorsichtshalber die Frage:
CSV Download bleibt aber hoffentlich weiterhin erhalten?

[andig]

@VolkerK62 was hat das mit Grafiken zu tun? Nix...

[VolkerK62]

ok, ok. bitte nicht schlagen 😄

[naltatis]

@VolkerK62 klar, CSV gleibt weiterhin da
@andig Ok, da brauch ich mehr Infos. Hast du npm install gemacht?

[andig]

Hast du npm install gemacht?

npm ci

[andig]

Geht weder Safari noch Chrome:

TypeError: Cannot read properties of undefined (reading 'plugins')
    at Sessions-Dy-EagzX.js:16:147609

[martin8310]

Wunderschön ;-)

[naltatis]

Geht weder Safari noch Chrome:

Merkwürdig. Ich schau mal ob ich das irgendwie reproduziert bekommen.

[StevieC121176]

Bin begeistert, super gelungen. 👍🤗 ist echt Hammer geworden

[naltatis]

@StevieC121176 das ist ja noch nicht fertig 😄. Da geht noch was.

[naltatis]

Monat/Jahr Navigation

[StevieC121176]

Ich würde sagen, da bleiben keine Wünsche offen.

[blenni]

Sieht super aus 👍
Werden die Farben für die Fahrzeuge automatisch vergeben oder kann man das manuell beeinflussen? Wenn manuell, könnte man z.B. das rote Auto in rot und das blaue Auto in blau darstellen, was es noch intuitiver machen würde 😉

[naltatis]

@blenni Zu den Farben: die werden aktuell fest nach einer Farbpalette zugeteilt die in Light und Darkmode funktioniert und auch untereinander genug Kontrast bietet.

Manuelle Zuordnung von Farben zu Ladepunkten und Fahrzeugen könnte man in der Tat machen. Ich nehm das mal als Erweiterungsidee für später mit wenn alles UI konfigurierbar ist. Hex-Werte in yaml eintragen würd ich nicht machen wollen.

[andig]

Update: mit npm run dev kann ich das Menü öffnen. Irgendwas scheint also im build zu fehlen.

[naltatis]

Update: mit npm run dev kann ich das Menü öffnen.

Danke für die Analyse. Ich bin aktuell in der Tat nur in dev unterwegs.

[naltatis]

@andig Fehler gefunden. Nun funktionieren die Charts auch im Production Build der UI.

[naltatis]

Improved chart titles, legend and responsive behavior