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

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    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 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
                      • Damrak2022
                        Damrak2022 @mickym last edited by

                        @mickym Die Chart Node erwartet einen Zahlenwert. Den Flow für die Küche habe ich so nachgebaut:

                        Bildschirm­foto 2023-02-03 um 01.53.43.png

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

                          @mickym Den Exerciser habe ich mal geöffnet, aber noch nichts eingetragen.

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

                            @damrak2022 Nun dann sollte der Chart durch die aktuellen Werte bereits aufgebaut werden. Es geht ja nur darum, dass Du die historischen Daten, wenn Du Neustart in die Chart Node eingibst. - Also der Chart sollte ja bereits funktionieren. Mach doch mal ein Screenshot.

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

                              @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                              @mickym Den Exerciser habe ich mal geöffnet, aber noch nichts eingetragen.

                              Nun dann kopiere links in das Eingabefeld das Array, mit dem Du arbeiten willst.

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

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

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

                                  @damrak2022 Nun wie heisst dann deine "Datenserie" ?

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

                                    @mickym Langsam, dann muss ich den Wert vom Array kopieren und nicht den Pfad, richtig?

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

                                      @damrak2022 Zum Ausprobieren ja - da musst Du auf eine externe Webseite den Inhalt kopieren, denn Du ändern willst. Die externe Webseite hat sicher keinen Zugriff auf Dein Node Red.

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

                                        @mickym Habe ich
                                        Bildschirm­foto 2023-02-03 um 02.01.02.png

                                        Ich verstehe die Bedeutung von "result" und "table" noch nicht

                                        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 Habe ich
                                          Bildschirm­foto 2023-02-03 um 02.01.02.png

                                          Wo hast Du es denn hin kopiert?

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

                                            @mickym links rein

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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