Visualisierung mit Node Red erstellen

[Damrak2022]

@mickym So

[mickym]

@damrak2022 Gut und was enthält das data Array für Elemente?

[Damrak2022]

@mickym Ein Array und die Eigenschaften "x" und "y"

[mickym]

@damrak2022 Gut das Data Array enthält für jede Linie ein weiteres Array mit den Punkten als Objekte. Nun definierst Du erst mal ein leeres Array als erstes und einziges Element im data Array (du hast ja nur eine Linie - im Gegensatz zum Blutdruckchart mit 3 Linien). Zu den Eigenschaften kommen wir später.

[Damrak2022]

@mickym

[mickym]

@damrak2022 Sehr gut und in das Array mit den Datenpunkten - da hauen wir jetzt erst mal das komplete Eingabeobjekt rein.

Sollte ja jetzt bei Dir so aussehen:

[Damrak2022]

@mickym sagte in Visualisierung mit Node Red erstellen:

da hauen wir jetzt erst mal das komplete Eingabeobjekt rein.

Sorry, was ist denn das komplette Eingabeobjekt?

[mickym]

@damrak2022 Na alles was im linken Fenster steht. Was später die payload ist - mit welchem Zeichen hast Du denn das zu Beginn gemacht?

[Damrak2022]

@mickym Ehe ich jetzt gleich alles wieder versammele. Also ALLES von links kopieren und rechts einfügen

[mickym]

@damrak2022 Nein eben nicht - mit welchem Zeichen konntest Du denn vorher das gesamte Objekt von links im rechten Fenster anzeigen?

[Damrak2022]

@mickym Mit dem $

[mickym]

@damrak2022 Sehr gut - und wenn Du das machst - dann siehst Du dass alles im ersten Array des data arrays ist.

[Damrak2022]

@mickym

[Damrak2022]

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

[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 $.{}