Visualisierung mit Node Red erstellen

[mickym]

@damrak2022 Gut - dann wirst Du das was Du mit der Change Node gemacht hast in den JSONATA try Seite übertragen.

Damit schaut das rechte untere Fenster fast so aus, wie aus der Debug Node.

[Damrak2022]

@mickym Ich weiß zwar was ich machen soll, aber wo füge ich das ein?

[Damrak2022]

@mickym Oder meinst Du links alles löschen und neu eintragen?

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@mickym Ich weiß zwar was ich machen soll, aber wo füge ich das ein?

Ja öffne Deine Change Node kopiere den Code aus Deiner Change Node und kopiere ihn in das Befehlsfenster rechts oben.

Schau Dir meinen Screenshot genau an!!!!

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@mickym Oder meinst Du links alles löschen und neu eintragen?

Nein!!!! In meinem Screenshot schaut doch die linke Seite wie bei Dir aus - aber die rechte Seite schaut anders aus. Ich poste doch die Screenshots nicht umsonst.

[Damrak2022]

@mickym Sorry, kapiere ich nicht: Sieht bei mir echt so aus. Habe den Code aus derChange Node genommen.

[mickym]

@damrak2022 Du hast nicht den Code aus der Change Node genommen sondern ein Array in das Befehlsfenster kopiert.

Mach doch bitte den JSONATA Editor in Deiner Change NOde auf und mach einen Screenshot.

[Damrak2022]

@mickym

[mickym]

NEIN

[mickym]

@damrak2022 Du hast nicht die payload aus der Übung sondern das ganze Objekt da rein kopiert.

Aus dieser Aufgabe:
https://forum.iobroker.net/post/939294

solltest Du zwar dein ganzes Array in Deine 2. Datenreihe aufnehmen - aber das kopiert man da nicht rein, sondern nimmt die payload.

[Damrak2022]

@mickym Okay, kurze Pause. Ich muss das korrigieren

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@mickym Okay, kurze Pause. Ich muss das korrigieren

Du hast nicht die payload aus der Übung sondern das ganze Objekt da rein kopiert.

Aus dieser Aufgabe:
https://forum.iobroker.net/post/939294

solltest Du zwar dein ganzes Array in Deine 2. Datenreihe aufnehmen - aber das kopiert man da nicht rein, sondern nimmt die payload.

Ich dachte Du wusstest dass man die Eingangspayload in der Change Node referenziert.

Das Ergebnis erhälst Du einfach so:

Deine Change Node sollte also so aussehen - kopiere das in Deine Change Node:

[
   {
       "series": ["Systole","Diastole","Puls"],
       "data":[
           [
               {"x":100000,"y":120},
               {"x":200000,"y":140}
           ],
           [payload],
           [
               {"x":0,"y":0}
            ]
       ]
    }
]

[Damrak2022]

@mickym Jetzt passt es wieder. Was habe ich beim kopieren genau falsch gemacht. Ich habe das komplette Array genommen ud wie wäre es exakt richtig gewesen?

Ich hätte nur den Pfad kopieren dürfen und nicht den gesamten Wert

[mickym]

@damrak2022 Na da siehst Du doch ich habe auf die payload verwiesen - die enthielt doch das Array. Das sollte doch inzwischen klar sein.

Na dann nochmal eine Übung:

Extrahiere aus dem Array das 2. Element:

Hier zum Import und dann möchte ich die Change Node sehen, wie Du das 2. Element aus der Payload rausholst.

Spoiler

[
   {
       "id": "75c128fda5f99c89",
       "type": "inject",
       "z": "1983aa28392732ca",
       "name": "",
       "props": [
           {
               "p": "payload"
           }
       ],
       "repeat": "",
       "crontab": "",
       "once": false,
       "onceDelay": 0.1,
       "topic": "",
       "payload": "[\"Systole\",\"Diastole\",\"Puls\"]",
       "payloadType": "json",
       "x": 630,
       "y": 720,
       "wires": [
           [
               "e77dd7559dab447e",
               "920af02fe74124c4"
           ]
       ]
   },
   {
       "id": "13865c346103be12",
       "type": "debug",
       "z": "1983aa28392732ca",
       "name": "Wert 1 aus Array",
       "active": true,
       "tosidebar": true,
       "console": false,
       "tostatus": false,
       "complete": "payload",
       "targetType": "msg",
       "statusVal": "",
       "statusType": "auto",
       "x": 1090,
       "y": 720,
       "wires": []
   },
   {
       "id": "e77dd7559dab447e",
       "type": "debug",
       "z": "1983aa28392732ca",
       "name": "series",
       "active": true,
       "tosidebar": true,
       "console": false,
       "tostatus": false,
       "complete": "payload",
       "targetType": "msg",
       "statusVal": "",
       "statusType": "auto",
       "x": 810,
       "y": 660,
       "wires": []
   },
   {
       "id": "920af02fe74124c4",
       "type": "change",
       "z": "1983aa28392732ca",
       "name": "",
       "rules": [
           {
               "t": "set",
               "p": "payload",
               "pt": "msg",
               "to": "\"falsch\"",
               "tot": "jsonata"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 830,
       "y": 720,
       "wires": [
           [
               "13865c346103be12"
           ]
       ]
   }
]

[Damrak2022]

@mickym

[mickym]

@damrak2022 Du sollst nicht falsch in das 2. Element schreiben, sondern das 2. Element aus dem Array extrahieren. Schau doch bitte meinen Screenshot an. Was kommt denn aus meiner Debug Node Wert 1 aus Array raus????

Extrahieren tust Du einen Wert in dem Du die payload auf eine Eigenschaft des ursprünglichen Wertes setzt.

[Damrak2022]

@mickym Bei mir sieht das grade so aus:

[mickym]

@damrak2022 Dann einfach Frage - was ist denn die Eingangspayload für ein Datentyp?

[Damrak2022]

@mickym Ich blicke selbst die einfachsten Fragen im Moment nicht mehr. Ich muss das in Ruhe machen und dann kann ich Dir das zeigen, wenn ich es hinbekommen habe. Momentan ist ein irres versuchen ohne Wissen und logische Gedanken.

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@mickym Ich blicke selbst die einfachsten Fragen im Moment nicht mehr. Ich muss das in Ruhe machen und dann kann ich Dir das zeigen, wenn ich es hinbekommen habe. Momentan ist ein irres versuchen ohne Wissen und logische Gedanken.

Ok - dann hier nochmal die Definition des Datentyps - den die payload darstellt.

Für mich siehst das nach einer eckigen Klammer aus.

Bei w3schools steht dann noch was zu dem Datentyp und wie man darauf zugreift.
https://www.w3schools.com/js/js_arrays.asp