Visualisierung mit Node Red erstellen

[mickym]

@damrak2022 Ja und wenn du den kompletten Screenshot posten würdest, dann würdest Du ja sehen, dass nun alles in diesem Array ist.

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@mickym Siehst Du, gut das ich gefragt habe, sonst hätte ich wieder alles zerschossen.

Nun ja deswegen habe ich die Übung mit Dir gemacht - um Dir von Anfang zu zeigen - wie Du das ganze Objekt referenzierst. Die Übungen haben also alle ihren Sinn.

Es sollte also nun so aussehen:

[Damrak2022]

@mickym !

[mickym]

@damrak2022 Sehr gut. Du siehst also dass Du das ganze Objekt in dem data array ist und die Datensätze aus der influx-DB enthalten ja auch die Informationen zu den einzelnen Punkten.

[Damrak2022]

@mickym Ja

[mickym]

@damrak2022 Gut aber nun müssen wir die Objekte neu aufbauen. Dazu benutzen wir die map Funktion im JSONATA und erstellen erst mal leere Objekte für jeden Datensatz.
https://docs.jsonata.org/path-operators

Der Path-Operator für das mappen ist ein Punkt. Mit diesem wird also durch jedes Array Element durchgegangen und es kann neu definiert werden.

Wir können also durch die einzelnen Elemente durch iterieren und erstellen also erst mal für jeden Datensatz ein leeres Objekt. Durch iterieren wollen wir durch das Array des Eingangsarrays.

Also änderst Du mal das $ in $.{}

[Damrak2022]

@mickym sagte in Visualisierung mit Node Red erstellen:

https://docs.jsonata.org/path-operators

Das was da steht begreife ich nicht. Das ist mir immer irgendwie zu hoch.
Was muss ich jetzt also machen?

[Damrak2022]

@mickym So?

[mickym]

@damrak2022 Sehr gut.

[{"series":["Küche"],"data":[[$.{}]]}]

Du siehst also für jeden Datensatz ein leeres Objekt:

[Damrak2022]

@mickym Ja, sieht bei mir auch so aus.

[mickym]

@damrak2022 Sehr gut - und welche 2 Eigenschaften haben denn nun die Punkte in unserem Array.

Jeder Punkt in einem Linienchart hat ein ... - Koordinate und ein ... - Koordinate.

[Damrak2022]

@mickym Ich weiß nicht was Du mit Punkten meinst?

[Damrak2022]

@damrak2022 Ach Du meinst X und Y Koordinate

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@mickym Ich weiß nicht was Du mit Punkten meinst?

Na jedes Objekt in dem Array ist ein Datenpunkt - des x und y Koordinaten in dem originalen Datensatz steht.

[Damrak2022]

@mickym Ja, verstanden.

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@damrak2022 Ach Du meinst X und Y Koordinate

Genau - Du siehst ja an Steves Screenshot - das jeder Punkt KLEINgeschrieben die Eigenschaft. x und y hat.

Nun definierst Du also für alle Objekte die Eigenschaft x und y mit dem Wert 0 erst mal. Also in die neu geschweifte Klammer hinter dem $. eine Eigenschaft "x" : 0 und "y" : 0

[Damrak2022]

@mickym

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@mickym

Sehr gut - Du solltest also sehen, dass Deine Objekt jetzt überall x und y Eigenschaften haben:

Falls wir morgen weiter machen - solltest Du den Code dann wieder in das Codefenster hier aus dem Thread kopieren kannst:

[{"series":["Küche"],"data":[[$.{"x":0,"y":0}]]}]

[Damrak2022]

@mickym Habe das nun wieder so hergestellt:

[mickym]

@damrak2022 So um zu sehen, dass Du auch alles von vorgestern verstanden hast. Erkläre doch bitte mal Deinen JSONATA Code.

[{"series":["Küche"],"data":[[$.{"x":0,"y":0}]]}]

Erkläre bitte mal Zeichen für Zeichen.

Also

1. Eckige Klammer - [
2. Geschweifete Klammer .
3. Was ist der String der folgt
4. Was ist der Doppelpunkt
5. Was ist die eckige Klammer [

usw.

also ich würde gerne den Code nochmals von Dir erklärt bekommen. - Danke schon mal.