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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    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

      @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
                                        • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            477
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

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