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

      @mickym Ich habe noch eine Frage zu diesem Flow, welchen ich ja mit Deiner Hilfe erstellt habe:
      Bildschirmfoto 2022-10-22 um 21.04.15.png

      Es soll ja nur eine Nachricht gesendet werden, wenn der Wert unter 20 ist. Nach Beendigung der Reinigung bekomme ich aber 4 mal ein "true" als Pushover gesendet.
      Die Change Node sind so konfiguriert:
      Bildschirmfoto 2022-10-22 um 21.06.37.png Bildschirmfoto 2022-10-22 um 21.06.24.png
      Die Switch Node so:
      Bildschirmfoto 2022-10-22 um 21.07.21.png

      Ist da ein Fehler drin?

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

        @damrak2022 Datentypen?

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

          @mickym Bei allen "number".
          Bildschirmfoto 2022-10-22 um 21.13.34.png

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

            @damrak2022 Ja dann schau mal Deine switch Node an???

            1. ist die delay Node - für jedes msg.topic konfiguriert - brauchts ja nicht.

            2. Du siehst ja an dem blauen Quadrat - dass alle aktiv sind.

            3. Ist doch richtig dass Du 4 mal true bekommst. Wenn Du nichts bekommen willst , dann musst halt alles weglassen was über 21 ist. So ist doch richtig - Du willst anscheinend auch benachrichtigt werden, wenn der Wert über 20 ist, sonst hättest Du es doch weggelassen??? - Oder falls nicht, frage ich mich, warum Du das dran gemacht hast.

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

              @mickym Okay, dann haben wir uns falsch verstanden. Ich möchte nur benachrichtigt werden, wenn der Wert unter 20 gefallen ist. Also nehme ich die untere Change Node weg.

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

                @damrak2022 Ja und aus der Switch Node auch löschen und schau Dir den DATENTYP Deiner Switch Node an!!!

                Warum ist das nicht logisch für Dich, wenn Du Dir den Flow anschaust?

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

                  @mickym Habe es angepasst. warum ich in der Switch wieder "string" anstatt "number" drin hatte, keine Ahnung - wahrscheinlich meine Schnell Schnell Mentalität

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

                    @damrak2022 Ja mich würde nur interessieren, warum Du Dich gewundert hast, dass Du true Nachrichten bekommen hast, wenn Du das alles verkabelt hattest?

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

                      @mickym Ich baue gerade noch die Daten vom DWD ein.
                      Da gibt es den Datenpunkt
                      Bildschirmfoto 2022-10-24 um 01.51.03.png
                      Bildschirmfoto 2022-10-24 um 01.50.15.png

                      Aber wenn ich den einfach kopiere wird mir ja in Node Red keine Karte angezeigt. Wie muss ich das in so einem Fall machen?

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

                        @damrak2022 Na in dem Datenpunkt ist ja nur eine Karte drin bzw. URL drin, wenn ein Warnung auftritt.

                        Im Moment ist da bei mir auch nichts.

                        Also kann da ja nichts angezeigt werden:

                        4635c6a8-3a03-4d64-ab92-9e5f9a0234c6-image.png

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

                          @mickym Ja, das ist klar. Das heißt also ich brauche den Datenpunkt nur in eine iobroker in Node zu setzen. Aber mit welche Node verbindest Du das, damit Dir auch eine Karte angezeigt wird?

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

                            @damrak2022 Hier mein Flow aus meiner Wetterseite:

                            68df0887-af6c-46ef-9e54-a1c25da2adee-image.png

                            [
                               {
                                   "id": "2b9b2f47.850d6",
                                   "type": "ui_template",
                                   "z": "c36e56fc.dc8418",
                                   "group": "37fea952.872756",
                                   "name": "DWD Karte",
                                   "order": 6,
                                   "width": "6",
                                   "height": 8,
                                   "format": "",
                                   "storeOutMessages": true,
                                   "fwdInMessages": true,
                                   "resendOnRefresh": true,
                                   "templateScope": "local",
                                   "x": 4110,
                                   "y": 2620,
                                   "wires": [
                                       []
                                   ]
                               },
                               {
                                   "id": "c30d69b6.d65ca8",
                                   "type": "ioBroker in",
                                   "z": "c36e56fc.dc8418",
                                   "name": "Link to chart",
                                   "topic": "dwd.0.warning.map",
                                   "payloadType": "value",
                                   "onlyack": "",
                                   "func": "all",
                                   "gap": "",
                                   "fireOnStart": "true",
                                   "x": 3450,
                                   "y": 2640,
                                   "wires": [
                                       [
                                           "a93d4f80.63b6f"
                                       ]
                                   ]
                               },
                               {
                                   "id": "2c4cf151.880e9e",
                                   "type": "template",
                                   "z": "c36e56fc.dc8418",
                                   "name": "",
                                   "field": "template",
                                   "fieldType": "msg",
                                   "format": "handlebars",
                                   "syntax": "mustache",
                                   "template": "<img src={{payload}} alt=\"n/a\" >",
                                   "output": "str",
                                   "x": 3920,
                                   "y": 2660,
                                   "wires": [
                                       [
                                           "2b9b2f47.850d6"
                                       ]
                                   ]
                               },
                               {
                                   "id": "4577f07f.ad0a9",
                                   "type": "change",
                                   "z": "c36e56fc.dc8418",
                                   "name": "clear map",
                                   "rules": [
                                       {
                                           "t": "set",
                                           "p": "template",
                                           "pt": "msg",
                                           "to": "",
                                           "tot": "str"
                                       }
                                   ],
                                   "action": "",
                                   "property": "",
                                   "from": "",
                                   "to": "",
                                   "reg": false,
                                   "x": 3920,
                                   "y": 2600,
                                   "wires": [
                                       [
                                           "2b9b2f47.850d6"
                                       ]
                                   ]
                               },
                               {
                                   "id": "a93d4f80.63b6f",
                                   "type": "switch",
                                   "z": "c36e56fc.dc8418",
                                   "name": "",
                                   "property": "payload",
                                   "propertyType": "msg",
                                   "rules": [
                                       {
                                           "t": "empty"
                                       },
                                       {
                                           "t": "else"
                                       }
                                   ],
                                   "checkall": "true",
                                   "repair": false,
                                   "outputs": 2,
                                   "x": 3740,
                                   "y": 2640,
                                   "wires": [
                                       [
                                           "4577f07f.ad0a9"
                                       ],
                                       [
                                           "2c4cf151.880e9e"
                                       ]
                                   ]
                               },
                               {
                                   "id": "37fea952.872756",
                                   "type": "ui_group",
                                   "name": "Aktuell",
                                   "tab": "b971cfe1.624ad",
                                   "order": 1,
                                   "disp": true,
                                   "width": "33",
                                   "collapse": false
                               },
                               {
                                   "id": "b971cfe1.624ad",
                                   "type": "ui_tab",
                                   "name": "Wetter",
                                   "icon": "dashboard",
                                   "order": 2,
                                   "disabled": false,
                                   "hidden": false
                               }
                            ]
                            

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

                              @mickym Danke, die erste Node habe mir fast gedacht. Wenn ich irgendwas mit einer URL mache muss ich eine Get Node nehmen.

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

                                @damrak2022 Wie kommst Du denn da drauf? Was willst Du denn mit der URL machen. Das ist eine URL zu einem Bild.

                                Du kannst auch einfach nach der iobroker-In Node die template Node mit der URL bestücken.

                                64e8e105-6124-41a4-bd77-edbf882177e2-image.png

                                <img src={{msg.payload}} alt="Keine Karte verfügbar">
                                
                                Damrak2022 1 Reply Last reply Reply Quote 0
                                • Damrak2022
                                  Damrak2022 @mickym last edited by

                                  @mickym Diese Beschriftung bei Dir Link zu Url hat mich irgendwie dazu verleitet zu denken es wäre eine Get Node. Also Kommando zurück und meinen Kommentar vergessen

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

                                    @damrak2022 Mit der template Node - kannst Du normalen HTML Code in Dein Dashboard einbinden.

                                    Hier mal die W3Schools Seite zum Einbinden von Bildern in eine Webseite:

                                    https://www.w3schools.com/html/html_images.asp

                                    Wenn Du zum Beispiel aus diesen Beispielen das Bild in dein Dashboard einbinden willst, wie das aussieht - kannst du einfach die URL in die payload einspeisen.

                                    a2e0c051-d09d-413b-9d36-7e41e866e9de-image.png

                                    Wenn Du im Dashboard die Template Node genügend hoch machst wird das Bild dann automatisch richtig skaliert:

                                    435ab226-f451-45c5-85fc-11e5ea82197d-image.png

                                    eb410333-684a-4528-84fc-fb6e18a89833-image.png
                                    ce463889-6188-4f6c-bc37-a77a4e0aa4bb-image.png

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

                                      @mickym Danke, bei W3 schools arbeite ich mich langsam voran.
                                      Mir ist gerade aufgefallen das mir bei unserem ersten Flow (Geofency) keine Orte mehr mit den farbigen Markierungen angezeigt werden. Auf den ersten Blick sieht aber im Flow alles korrekt aus. Aber das schaue ich mir heute Abend an.

                                      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 Danke, bei W3 schools arbeite ich mich langsam voran.
                                        Mir ist gerade aufgefallen das mir bei unserem ersten Flow (Geofency) keine Orte mehr mit den farbigen Markierungen angezeigt werden. Auf den ersten Blick sieht aber im Flow alles korrekt aus. Aber das schaue ich mir heute Abend an.

                                        Wahrscheinlich hast Du einfach den Layer weggeklickt. (Ich glaub wir haben den damals Andys Favoriten oder so ähnlich genannt). Wenn ein Flow mal läuft, dann ändert sich der nicht, ausser Du änderst die Quellen.

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

                                          @mickym Blöde Frage, wo finde ich den?

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

                                            @damrak2022 auf der Karte in dem Menü in den Du die Kartentypen auswählen kannst

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            638
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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