Flot Chart vs Material Design History Chart

[Homoran]

mal die Diskussion hierherkopiert

Spoiler

@mango1402 sagte in "Warn" Logeinträge InfluxDB-Adapter:

Aufbau von 2 24h-Linien

enthält wie viele Datenpunkte?
in welcher Datenbank?
wie angebunden?
mit welcher Aggregation?
auf welchem Frontend?
wie angebunden?
für welche Auflösung?
in welcher Widgetgröße?
Welche Art der Darstellung?
mit Schatten oder anderen Gimmicks?

und viele mögliche Gründe mehr

mango1402
8. März 2023, 12:59

@homoran said in "Warn" Logeinträge InfluxDB-Adapter:

enthält wie viele Datenpunkte?

alle 10s eine Messung -> 8640 pro Messreihe und Tag?

in welcher Datenbank?

InfluxDb V2.6

wie angebunden?

Influx-Adapter, V3.2.0

mit welcher Aggregation?

??

auf welchem Frontend?

ECharts - direkt im IoBroker
aber auch mit Flot geht's nicht flotter.....

wie angebunden?

??

für welche Auflösung?
in welcher Widgetgröße?

--

Welche Art der Darstellung?

Linie, minmax

mit Schatten oder anderen Gimmicks?

nein

und viele mögliche Gründe mehr

Homoran
8. März 2023, 14:22

@mango1402 sagte in "Warn" Logeinträge InfluxDB-Adapter:

mit welcher Aggregation?

??

minmax, mittel, usw. Und Aggregation auf Zeit oder Anzahl.
diese Dinge werden auf dem Backend aufbereitet

apollon77
8. März 2023, 14:27

Ganz kurz: minmax ist mit influxdb eine Wahl die länger dauern muss!

Alle Standardaggregationen wir average, min, max, percentiles und sowas werden direkt von der DB berechnet. Das ist üblicherweise sehr performant.

Da "minmax" eine "ioBroker eigene Art" der Datenaufbereitung ist werden hier ALLE Daten selektiert und dann im Adapter aggregiert. Das dauert etwas länger.

Homoran

8. März 2023, 14:28

@mango1402 sagte in "Warn" Logeinträge InfluxDB-Adapter:

wie angebunden?

Influx-Adapter, V3.2.0

eher: wo liegt die? Müssen die Daten irgendwo und irgendwie transferiert werden?

@mango1402 sagte in "Warn" Logeinträge InfluxDB-Adapter:

auf welchem Frontend?

ECharts - direkt im IoBroker

das ist das Backend

@mango1402 sagte in "Warn" Logeinträge InfluxDB-Adapter:

für welche Auflösung?
in welcher Widgetgröße?

--

hier geht es um die Rechenintensität auf dem Frontend.
die von Flot berechneten Daten gehen erst einmal davon aus, dass ausreichend Grafikpunkte für die Darstellung vorhanden sind.
bei 8650 Datenpunkten und einer Linienstärke von 3px, braucht es 5px um 2 Punkte getrennt darstellen zu können.
Da dein Chart garantiert keine 45000 Pixel breit ist, rechnet jetzt dein Frontend wieder alles zurück.

[Homoran]

@rtwl reload geklickt?

[rtwl]

@homoran Macht er automatisch beim Speichern der Repo Änderung. Zur Sicherheit nochmal F5. E-Charts bleibt bei 1.0.3

[Homoran]

@rtwl sagte in Flot Chart vs Material Design History Chart:

Zur Sicherheit nochmal F5.

das nutzt nichts!
du musst das neue Repo neuladen.
zweites icon von links

[rtwl]

@homoran das war es, danke

[Homoran]

@rtwl sagte in Flot Chart vs Material Design History Chart:

@homoran das war es, danke

und zurück auf stable

[rtwl]

@homoran sagte in Flot Chart vs Material Design History Chart:

und zurück auf stable

Danke, hätt ich wohl vergessen.
Muss aber noch warten bis FLOT auch aktualisiert ist. E-Charts ist schon durch. Dann teste ich nochmal mit beiden.

@rtwl sagte in Flot Chart vs Material Design History Chart:

Kann jemand mir kurz mit Ja oder Nein beantworten ob es möglich ist (noch nicht wie) mit einem Blockly die letzten 7 gespeicherten History Adapter Werte eines Objektes abzufragen, um eine JSON Tabelle zu erstellen für das Balken Widget von Material Design?

kannst du mir das zufällig auch beantworten?

[Homoran]

@rtwl sagte in Flot Chart vs Material Design History Chart:

Muss aber noch warten bis FLOT auch aktualisiert is

warum?
willst du da auch die Beta testen?

@rtwl sagte in Flot Chart vs Material Design History Chart:

kannst du mir das zufällig auch beantworten?

nein

[rtwl]

@homoran sagte in Flot Chart vs Material Design History Chart:

willst du da auch die Beta testen?

Ja, ich teste es. Eventuell liegt das lange Laden der Charts daran?
Falls nicht kommt FLOT sowieso komplett runter.

[Homoran]

@rtwl sagte in Flot Chart vs Material Design History Chart:

Eventuell liegt das lange Laden der Charts daran?

jetzt mal gerechnet?

[rtwl]

@homoran sagte in Flot Chart vs Material Design History Chart:

jetzt mal gerechnet?

Achso, du willst wissen wieviele Datensätze im History gespeichert sind. Richtig?
Da brauch ich nicht rechnen, die kann ich zählen.
das eine Chart hat 8 Einträge (Tageswerte seit 1. März 2023)
das zweite Chart hat ca 170 Einträge (Stundenwerte seit 3. März 2023)

FLOT muss hier auch selber nichts rechnen, da ich diese Werte täglich bzw stündlich mit einem Blockly in das Objekt schreibe - also keine Summe von Werten alle 5 Sek

[rtwl]

[Homoran]

@rtwl sagte in Flot Chart vs Material Design History Chart:

FLOT muss hier auch selber nichts rechnen

dann hast du es nicht gelesen.

Natürlich rechnet Flot auf der Backend-Seite und dann nochmal das Frontend beim Rendern.
bei 170 Einträgen und einer Linienbreite von 3px braucht es mindestens einen 850px breiten chart
Ansonsten muss das Frontend wieder runterrechnen, mitteln....

[rtwl]

@homoran Mit "nicht rechnen" meinte ich, dass es nur 8 bzw 170 Einträge sind. Das würde ein Nokia 3210 auch schaffen.

[Homoran]

@rtwl sagte in Flot Chart vs Material Design History Chart:

Das würde ein Nokia 3210 auch schaffen.

wenn du das meinst.
Ich wusste gar nicht dass das Charts aufbereiten kann, Aggregation berechnen, Schatten, linien. Kurvenformen....

[rtwl]

@homoran sagte in Flot Chart vs Material Design History Chart:

bei 170 Einträgen

Von den 170 werden nur die letzten 24 angezeigt - als Balken.

[Homoran]

@rtwl sagte in Flot Chart vs Material Design History Chart:

nur die letzten 24 angezeigt

Das war doch die Frage!

Aber auch da muss die Grafik berechnet werden, als CSS Anweisung zum Frontend geschickt, und dort daraus ein Bild passend zur Auflösung gerechnet werden.

[rtwl]

@homoran sagte in Flot Chart vs Material Design History Chart:

Aggregation berechnen, Schatten, linien. Kurvenformen

Nokia 3210 ... deutete offensichtlich auf einen Scherz hin, meinst nicht?

@homoran sagte in Flot Chart vs Material Design History Chart:

Aggregation berechnen, Schatten, linien. Kurvenformen

Aggregation - braucht es nicht, da wie gesagt keine Summen gebildet werden müssen. Der Wert der in der History bei 15:00 Uhr steht, wird als Balken bei 15:00 Uhr angezeigt usw.
Schatten - Gibt es nicht - nur ein hex-code für die grüne Farbe
Linien - Gibt es nicht bzw nur die 24 senkrechten Balken
Kurvenform - Gibt es nicht bei Balkendiagrammen

[Homoran]

@rtwl sagte in Flot Chart vs Material Design History Chart:

Nokia 3210 ... deutete offensichtlich auf einen Scherz hin, meinst nicht?

ach was!

aber selbst um das von dir genannte zu produzieren benötigt es Berechnungen
Balkenbreite, Balkenhöhe, äquidistante Abstände, Beschriftungen, Achsenskalierungen.......

[rtwl]

@homoran
Ja, alles korrekt und verstehe ich auch.

Die Frage aller Fragen: Warum schafft es der Material Design Adapter innerhalb weniger Millisekunden das Chart darzustellen und auch das Wechseln der Zeitspanne von 4 Std auf 14 Tage oder 2 Monate wo sicherlich einiges an Aggregationen, Berechnungen usw stattfinden muss. Der FLOT Adapter scheitert schon an 24 Balken ohne Aggregationen und braucht dafür 11 Sek.

Vielleicht kannst du ja mal deine kostbare Zeit kurz für ein Video opfern, da sieht man es sehr gut was ich meine.