Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Visualisierung mit Node Red erstellen

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Visualisierung mit Node Red erstellen

    This topic has been deleted. Only users with topic management privileges can see it.
    • Damrak2022
      Damrak2022 @mickym last edited by

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

      mickym 1 Reply Last reply Reply Quote 0
      • mickym
        mickym Most Active @Damrak2022 last edited by

        @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!!!!

        1 Reply Last reply Reply Quote 0
        • mickym
          mickym Most Active @Damrak2022 last edited by 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 1 Reply Last reply Reply Quote 0
          • Damrak2022
            Damrak2022 @mickym last edited by

            @mickym Sorry, kapiere ich nicht: Sieht bei mir echt so aus. Habe den Code aus derChange Node genommen.
            Bildschirm­foto 2023-02-01 um 21.56.58.png

            mickym 1 Reply Last reply Reply Quote 0
            • mickym
              mickym Most Active @Damrak2022 last edited by

              @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 1 Reply Last reply Reply Quote 0
              • Damrak2022
                Damrak2022 @mickym last edited by

                @mickym Bildschirm­foto 2023-02-01 um 22.02.19.png

                mickym 2 Replies Last reply Reply Quote 0
                • mickym
                  mickym Most Active @Damrak2022 last edited by mickym

                  NEIN 👎 👎 👎

                  1 Reply Last reply Reply Quote 0
                  • mickym
                    mickym Most Active @Damrak2022 last edited by 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 1 Reply Last reply Reply Quote 0
                    • Damrak2022
                      Damrak2022 @mickym last edited by

                      @mickym Okay, kurze Pause. Ich muss das korrigieren

                      mickym 1 Reply Last reply Reply Quote 0
                      • mickym
                        mickym Most Active @Damrak2022 last edited by

                        @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:

                        03e05eb7-8476-4010-972c-3e42a1a56435-image.png

                        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 1 Reply Last reply Reply Quote 0
                        • Damrak2022
                          Damrak2022 @mickym last edited by 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 1 Reply Last reply Reply Quote 0
                          • mickym
                            mickym Most Active @Damrak2022 last edited by 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:

                            96857c34-923b-4309-ad00-fc090e7048ed-image.png

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

                            [
                               {
                                   "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 1 Reply Last reply Reply Quote 0
                            • Damrak2022
                              Damrak2022 @mickym last edited by

                              @mickym Bildschirm­foto 2023-02-01 um 22.18.12.png

                              mickym 1 Reply Last reply Reply Quote 0
                              • mickym
                                mickym Most Active @Damrak2022 last edited by 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 1 Reply Last reply Reply Quote 0
                                • Damrak2022
                                  Damrak2022 @mickym last edited by

                                  @mickym Bei mir sieht das grade so aus:
                                  Bildschirm­foto 2023-02-01 um 22.28.50.png

                                  mickym 1 Reply Last reply Reply Quote 0
                                  • mickym
                                    mickym Most Active @Damrak2022 last edited by

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

                                    Damrak2022 1 Reply Last reply Reply Quote 0
                                    • Damrak2022
                                      Damrak2022 @mickym last edited by

                                      @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 1 Reply Last reply Reply Quote 0
                                      • mickym
                                        mickym Most Active @Damrak2022 last edited by 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.

                                        7f8eefa8-f566-46d2-ad20-5b393ad5e2b1-image.png

                                        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

                                        ef9d2689-b491-4c4f-88b4-1645d1c36e2d-image.png

                                        Damrak2022 1 Reply Last reply Reply Quote 0
                                        • Damrak2022
                                          Damrak2022 @mickym last edited by Damrak2022

                                          @mickym Gestern hatten wir ja mit einem Array mit "series" und "data" zu tun - siehe hier:
                                          Bildschirm­foto 2023-02-03 um 01.05.01.png

                                          Heute sitze ich daran das Ganze eigenständig nachzubauen. Allerdings gibt's bei mir bisher nur einen Wert (Temperatur Küche) und von daher noch keine "series" und auch kein "data" siehe hier:
                                          Bildschirm­foto 2023-02-03 um 01.08.03.png

                                          Das Ganze ist ein Array mit Objekten. Der Influx Datenpunkt wird alle 5 Minuten refresht.
                                          Ich versuche nun die Change Node nachzubauen. Der gesamte Flow sieht so aus wie beim Blutdruck. Nur sollen hier nach und nach die Temperaturen erscheinen, sobald ich überall ein Messgerät habe.

                                          Was mir nicht klar ist, welche Pfade ich bei JSONATA benötige. Klar ich fange an mit [{}]

                                          Kannst Du mir hier nur einen Tipp geben. Machen will ich es alleine.

                                          mickym 1 Reply Last reply Reply Quote 0
                                          • mickym
                                            mickym Most Active @Damrak2022 last edited by mickym

                                            @damrak2022 Es tut mir leid - aber entweder wir machen da weiter da weiter, wo wir gestern aufgehört haben und machen nicht was Neues. Die Aufgabe ist es die Ausgabe aus der Influx DB, also das Array, in ein Objekt umzuwandeln, dass die Chart Node versteht. Ich wollte das mit Hilfe der JSONATA Seite mit Dir aufbauen, bis ich festgestellt habe, dass Du anstelle des Ausgangsarrays im neuen Objekt einfach den Inhalt der Debug Node reinkopiert hast. Daraufhin wollte ich Dir zum wiederholten Male erklären, wie man mit JSONATA auf Objekte des Eingangsobjektes zugreifst. Das hast Du abgebrochen und fragst mich wie Du eine Change NOde nachbaust, die wir in den letzten 2 Tagen bin zu 60% aufgebaut haben. Also wenn Du es nicht selbst schaffst, dann solltest Du Dich lieber an meine Vorgehensweise halten und dort weitermachen, wo wir gestern aufgehört haben, anstelle neue Projekte zu starten.

                                            Damrak2022 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            935
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            4
                                            4845
                                            2207769
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo