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

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    Visualisierung mit Node Red erstellen

    This topic has been deleted. Only users with topic management privileges can see it.
    • 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
                                • Damrak2022
                                  Damrak2022 @mickym last edited by

                                  @mickym Klar können wir da weitermachen.

                                  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 Klar können wir da weitermachen.

                                    Da sind wir stehen geblieben: https://forum.iobroker.net/post/939358

                                    und ich möchte die Debug Node Ausgabe und den Inhalt der Change Node (also die Konfiguration) sehen.

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

                                      @mickym Bitte
                                      Bildschirm­foto 2023-02-03 um 01.38.31.png Bildschirm­foto 2023-02-03 um 01.38.01.png

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

                                        @damrak2022 Gut - Du hast es geschafft.

                                        und dann das gleiche nochmal: Hier zum Import

                                        [
                                           {
                                               "id": "3bfa6fdaac5c94a6",
                                               "type": "inject",
                                               "z": "1983aa28392732ca",
                                               "name": "",
                                               "props": [
                                                   {
                                                       "p": "series",
                                                       "v": "[\"Systole\",\"Diastole\",\"Puls\"]",
                                                       "vt": "json"
                                                   }
                                               ],
                                               "repeat": "",
                                               "crontab": "",
                                               "once": false,
                                               "onceDelay": 0.1,
                                               "topic": "",
                                               "x": 630,
                                               "y": 860,
                                               "wires": [
                                                   [
                                                       "c8128ef111f9f70d",
                                                       "edcd82af28fdf064"
                                                   ]
                                               ]
                                           },
                                           {
                                               "id": "99c01ef407fb94d2",
                                               "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": 860,
                                               "wires": []
                                           },
                                           {
                                               "id": "c8128ef111f9f70d",
                                               "type": "debug",
                                               "z": "1983aa28392732ca",
                                               "name": "series",
                                               "active": true,
                                               "tosidebar": true,
                                               "console": false,
                                               "tostatus": false,
                                               "complete": "series",
                                               "targetType": "msg",
                                               "statusVal": "",
                                               "statusType": "auto",
                                               "x": 810,
                                               "y": 800,
                                               "wires": []
                                           },
                                           {
                                               "id": "edcd82af28fdf064",
                                               "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": 860,
                                               "wires": [
                                                   [
                                                       "99c01ef407fb94d2"
                                                   ]
                                               ]
                                           }
                                        ]
                                        

                                        a815bc8f-56cb-4854-87ff-52adfe1b1abf-image.png

                                        Ausgabe wieder mit Change Node und debug Node.

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

                                          @mickym Bildschirm­foto 2023-02-03 um 01.45.54.png Bildschirm­foto 2023-02-03 um 01.45.44.png

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

                                            @damrak2022 Sehr gut. 🙂

                                            Nun dann machen wir da weiter, wenn Du mir grundsätzlich sowohl mit Worten als auch mit dem Aufbau erklärst, was die Chart Node erwartet. Wir können das gerne auch mit der Temperatur aus der Küche machen. Der Aufbau des Arrays für die Chart Node ist ja immer gleich. Also wie siehst der Aufbau aus - richte Dich an dem Screenshot aus Steves oder dem Objekt das Du schon erstellt hast.

                                            Du kannst es ja bereits im JSONATA try machen und dann nimmst Du halt auf der Eingangsseite das Objekt aus dem Küchenthermometer.

                                            Damrak2022 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            992
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            4
                                            4845
                                            2004244
                                            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