Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Visualisierung mit Node Red erstellen

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.0k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.0k

Visualisierung mit Node Red erstellen

Scheduled Pinned Locked Moved Visualisierung
4.8k Posts 4 Posters 2.5m Views 4 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • mickymM mickym

    @damrak2022

    Das mit der msg.payload, habe ich ohne nachzudenken erstmal übernommen, was nicht gut war.

    Ja das hatten wir schon öfter - wäre schön, wenn Du vorher nachdenkst. 😉 - Das würde Dir für die Zukunft viel helfen.
    Wenn Du Dich auf Deinem Raspberry nicht so gut auskennst oder Du nur den VIS Dateimanager zum hochladen von Dateien nutzt - dann geht das schon.
    9e6bf4f9-ab9a-4645-a675-3747dddc6ee3-image.png

    /opt/iobroker/iobroker-data/files/vis.0/
    

    Die Bilder müssen natürlich lokal auf den Raspberry - ausser Du willst auf die Bilder im Web zugreifen.

    Wenn Du den Pfad so in die Adapterkonfig unter http-static einträgst - dann heißt relativ, dass Du den Pfad zu /opt/iobroker/iobroker-data/files/vis.0/ sein muss.

    Also muss dann in der Text-Node stehen:

    <img src="Damrak2022/img/FFH.png"alt="n/a" width="100%" hight="100%">
    

    Und dann noch einen Tipp - alle Klammern in HTML < ........ > oder auch sonst in irgendeinem Code müssen immer geschlossen werden. Das gilt auch für runde (), eckige [] und geschweifte Klammern {} - Du suchst Dich dumm und dämlich, wenn Du auf solche Sachen nicht achtest.

    Damrak2022D Offline
    Damrak2022D Offline
    Damrak2022
    wrote on last edited by Damrak2022
    #1098

    @mickym Okay, ich werde versuchen das nachzuvollziehen und umzusetzen.
    Wenn ich Dich richtig verstehe ist http static eine node?
    Die habe ich nicht, bei mir ist nur
    Bildschirmfoto 2022-10-06 um 01.45.56.png
    vorhanden.
    Ach sorry, Du schreibst Adapter

    Mit besten Grüßen
    Andy

    mickymM 1 Reply Last reply
    0
    • Damrak2022D Damrak2022

      @mickym Okay, ich werde versuchen das nachzuvollziehen und umzusetzen.
      Wenn ich Dich richtig verstehe ist http static eine node?
      Die habe ich nicht, bei mir ist nur
      Bildschirmfoto 2022-10-06 um 01.45.56.png
      vorhanden.
      Ach sorry, Du schreibst Adapter

      mickymM Online
      mickymM Online
      mickym
      Most Active
      wrote on last edited by
      #1099

      @damrak2022 Nein - es ist in der iobroker Adapter konfiguration eine Einstellung:

      b19e1322-5504-408a-aee9-b8611247ab3e-image.png

      Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

      Damrak2022D 1 Reply Last reply
      0
      • mickymM mickym

        @damrak2022 Nein - es ist in der iobroker Adapter konfiguration eine Einstellung:

        b19e1322-5504-408a-aee9-b8611247ab3e-image.png

        Damrak2022D Offline
        Damrak2022D Offline
        Damrak2022
        wrote on last edited by
        #1100

        @mickym Ich habe jetzt seit Stunden zig Versuche durch, aber ohne Erfolg. Egal welcher Browser, ich bekomme das Bild als Platzhalter angezeigt
        Bildschirmfoto 2022-10-06 um 07.45.49.png

        Das ist nur ein kleiner Teil meiner Versuche:
        Bildschirmfoto 2022-10-06 um 07.45.23.png

        So sieht es im Terminal aus:
        Bildschirmfoto 2022-10-06 um 07.18.58.png

        So im Dateimanager
        Bildschirmfoto 2022-10-06 um 07.41.26.png

        Und so in den Adaptereinstellungen:
        Bildschirmfoto 2022-10-06 um 07.49.06.png

        Mit besten Grüßen
        Andy

        DJMarc75D 1 Reply Last reply
        0
        • Damrak2022D Damrak2022

          @mickym Ich habe jetzt seit Stunden zig Versuche durch, aber ohne Erfolg. Egal welcher Browser, ich bekomme das Bild als Platzhalter angezeigt
          Bildschirmfoto 2022-10-06 um 07.45.49.png

          Das ist nur ein kleiner Teil meiner Versuche:
          Bildschirmfoto 2022-10-06 um 07.45.23.png

          So sieht es im Terminal aus:
          Bildschirmfoto 2022-10-06 um 07.18.58.png

          So im Dateimanager
          Bildschirmfoto 2022-10-06 um 07.41.26.png

          Und so in den Adaptereinstellungen:
          Bildschirmfoto 2022-10-06 um 07.49.06.png

          DJMarc75D Offline
          DJMarc75D Offline
          DJMarc75
          wrote on last edited by
          #1101

          @damrak2022

          <img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
          

          Lehrling seit 1975 !!!
          Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
          https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

          Damrak2022D mickymM 2 Replies Last reply
          0
          • DJMarc75D DJMarc75

            @damrak2022

            <img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
            
            Damrak2022D Offline
            Damrak2022D Offline
            Damrak2022
            wrote on last edited by
            #1102

            @djmarc75 Danke, ich probiere es heute Abend aus. Warum müssen da 2 Slashs hin.

            Mit besten Grüßen
            Andy

            DJMarc75D 1 Reply Last reply
            0
            • Damrak2022D Damrak2022

              @djmarc75 Danke, ich probiere es heute Abend aus. Warum müssen da 2 Slashs hin.

              DJMarc75D Offline
              DJMarc75D Offline
              DJMarc75
              wrote on last edited by
              #1103

              @damrak2022 sagte in Visualisierung mit Node Red erstellen:

              Warum müssen da 2 Slashs hin.

              wo siehst du 2 ?

              Lehrling seit 1975 !!!
              Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
              https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

              1 Reply Last reply
              0
              • DJMarc75D DJMarc75

                @damrak2022

                <img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
                
                mickymM Online
                mickymM Online
                mickym
                Most Active
                wrote on last edited by mickym
                #1104

                @djmarc75 sagte in Visualisierung mit Node Red erstellen:

                @damrak2022

                <img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
                

                Lieben Dank für die Unterstützung. 🙂

                @Damrak2022

                der vollständige Pfad zu dem Bild lautet:

                /opt/iobroker/iobroker-data/files/vis.0/Node-Red/Wetter-Icons/32.png
                

                In der Adapterkonfiguration hast Du als vorderen Teil

                /opt/iobroker/iobroker-data/files/vis.0/Node-Red/
                

                eingegeben - was bleibt also noch übrig?

                Wetter-Icons/32.png
                

                Ich verstehe nicht, wie man da so wild mit img, Damrak2022 etc. rum probieren kann, wenn man den Pfad zu dem Bild in 2 Teile zerlegt.

                Wenn Du Dir nicht sicher bist, dann wechselst du in das Verzeichnis, in dem die Dateien liegen:
                und gibst dann

                pwd
                

                ein.

                Das zeigt Dir den vollständigen Pfad zu dem Verzeichnis.

                Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                Damrak2022D 1 Reply Last reply
                0
                • mickymM mickym

                  @djmarc75 sagte in Visualisierung mit Node Red erstellen:

                  @damrak2022

                  <img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
                  

                  Lieben Dank für die Unterstützung. 🙂

                  @Damrak2022

                  der vollständige Pfad zu dem Bild lautet:

                  /opt/iobroker/iobroker-data/files/vis.0/Node-Red/Wetter-Icons/32.png
                  

                  In der Adapterkonfiguration hast Du als vorderen Teil

                  /opt/iobroker/iobroker-data/files/vis.0/Node-Red/
                  

                  eingegeben - was bleibt also noch übrig?

                  Wetter-Icons/32.png
                  

                  Ich verstehe nicht, wie man da so wild mit img, Damrak2022 etc. rum probieren kann, wenn man den Pfad zu dem Bild in 2 Teile zerlegt.

                  Wenn Du Dir nicht sicher bist, dann wechselst du in das Verzeichnis, in dem die Dateien liegen:
                  und gibst dann

                  pwd
                  

                  ein.

                  Das zeigt Dir den vollständigen Pfad zu dem Verzeichnis.

                  Damrak2022D Offline
                  Damrak2022D Offline
                  Damrak2022
                  wrote on last edited by
                  #1105

                  @mickym sagte in Visualisierung mit Node Red erstellen:

                  Ich verstehe nicht, wie man da so wild mit img, Damrak2022 etc. rum probieren kann, wenn man den Pfad zu dem Bild in 2 Teile zerlegt.

                  Das ist die pure Genervtheit die mich das versuchen ließ.
                  Auch nochmal Dank an @DJMarc75
                  Mein Einstellung in dem Node Red Adapter ist wie gesagt diese:

                  /opt/iobroker/iobroker-data/files/vis.0/Node-Red/
                  

                  Dann diesen Pfad in der Text Node unter Label eingetragen

                  <img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
                  

                  Trotzdem keine Chance das mir das Bild angezeigt wird. Browser mehrfach refresht Unterschiedliche Browser versucht.

                  Auch im Terminal nachgeschaut und ja alle Bilder befinden sich in Node-Red/Wetter-Icons

                  Mit besten Grüßen
                  Andy

                  mickymM 1 Reply Last reply
                  0
                  • Damrak2022D Damrak2022

                    @mickym sagte in Visualisierung mit Node Red erstellen:

                    Ich verstehe nicht, wie man da so wild mit img, Damrak2022 etc. rum probieren kann, wenn man den Pfad zu dem Bild in 2 Teile zerlegt.

                    Das ist die pure Genervtheit die mich das versuchen ließ.
                    Auch nochmal Dank an @DJMarc75
                    Mein Einstellung in dem Node Red Adapter ist wie gesagt diese:

                    /opt/iobroker/iobroker-data/files/vis.0/Node-Red/
                    

                    Dann diesen Pfad in der Text Node unter Label eingetragen

                    <img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
                    

                    Trotzdem keine Chance das mir das Bild angezeigt wird. Browser mehrfach refresht Unterschiedliche Browser versucht.

                    Auch im Terminal nachgeschaut und ja alle Bilder befinden sich in Node-Red/Wetter-Icons

                    mickymM Online
                    mickymM Online
                    mickym
                    Most Active
                    wrote on last edited by mickym
                    #1106

                    @damrak2022 Ich glaube zwar nicht, dass es was hilft - lass mal den letzten Schrägstrich in der Adapterkonfiguration weg.

                    /opt/iobroker/iobroker-data/files/vis.0/Node-Red
                    

                    Ok - und vielleicht habe ich einen Fehler gemacht -

                    Gib dann mal den Schrägstrich vorne an:

                    <img src="/Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
                    

                    also "/" vor den Wetter-Icons

                    Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                    Damrak2022D 1 Reply Last reply
                    0
                    • mickymM mickym

                      @damrak2022 Ich glaube zwar nicht, dass es was hilft - lass mal den letzten Schrägstrich in der Adapterkonfiguration weg.

                      /opt/iobroker/iobroker-data/files/vis.0/Node-Red
                      

                      Ok - und vielleicht habe ich einen Fehler gemacht -

                      Gib dann mal den Schrägstrich vorne an:

                      <img src="/Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
                      

                      also "/" vor den Wetter-Icons

                      Damrak2022D Offline
                      Damrak2022D Offline
                      Damrak2022
                      wrote on last edited by
                      #1107

                      @mickym Du bist Spitze! So geht es. - Vielen Dank

                      Mit besten Grüßen
                      Andy

                      mickymM 1 Reply Last reply
                      0
                      • Damrak2022D Damrak2022

                        @mickym Du bist Spitze! So geht es. - Vielen Dank

                        mickymM Online
                        mickymM Online
                        mickym
                        Most Active
                        wrote on last edited by mickym
                        #1108

                        @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                        @mickym Du bist Spitze! So geht es. - Vielen Dank

                        Na freut mich - und sorry für meinen dann nicht gerechtfertigten Tonfall.

                        ec9befd3-7116-4c2e-929d-e123bf055a06-image.png

                        Du kannst das auch als value eingeben:

                        c62bd865-32ab-4a16-933d-261657369d5c-image.png

                        Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                        Damrak2022D 1 Reply Last reply
                        0
                        • mickymM mickym

                          @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                          @mickym Du bist Spitze! So geht es. - Vielen Dank

                          Na freut mich - und sorry für meinen dann nicht gerechtfertigten Tonfall.

                          ec9befd3-7116-4c2e-929d-e123bf055a06-image.png

                          Du kannst das auch als value eingeben:

                          c62bd865-32ab-4a16-933d-261657369d5c-image.png

                          Damrak2022D Offline
                          Damrak2022D Offline
                          Damrak2022
                          wrote on last edited by
                          #1109

                          @mickym Okay, jetzt werde ich mal versuchen das Board weiter zu verschönern

                          Mit besten Grüßen
                          Andy

                          mickymM 1 Reply Last reply
                          0
                          • Damrak2022D Damrak2022

                            @mickym Okay, jetzt werde ich mal versuchen das Board weiter zu verschönern

                            mickymM Online
                            mickymM Online
                            mickym
                            Most Active
                            wrote on last edited by mickym
                            #1110

                            @damrak2022 Wenn Du wechselnde Icons brauchst - kannst nun wieder die angular Schreibweise verwenden - also die geschweiften Klammern und dann als payload den Namen der Bilddatei.

                            6a30d5a8-d254-42b6-9f56-de54b83ad285-image.png

                            a9f939b4-36fa-4c45-b098-c5adfc58dbba-image.png

                            ae867e50-6fbb-4175-b469-81e3bb834231-image.png 1a5539bb-b74e-4386-b11a-587ab971ae0a-image.png

                            Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                            Damrak2022D 3 Replies Last reply
                            0
                            • mickymM mickym

                              @damrak2022 Wenn Du wechselnde Icons brauchst - kannst nun wieder die angular Schreibweise verwenden - also die geschweiften Klammern und dann als payload den Namen der Bilddatei.

                              6a30d5a8-d254-42b6-9f56-de54b83ad285-image.png

                              a9f939b4-36fa-4c45-b098-c5adfc58dbba-image.png

                              ae867e50-6fbb-4175-b469-81e3bb834231-image.png 1a5539bb-b74e-4386-b11a-587ab971ae0a-image.png

                              Damrak2022D Offline
                              Damrak2022D Offline
                              Damrak2022
                              wrote on last edited by
                              #1111

                              @mickym Langsam, da komme ich eventuell später drauf zurück

                              Mit besten Grüßen
                              Andy

                              1 Reply Last reply
                              0
                              • mickymM mickym

                                @damrak2022 Wenn Du wechselnde Icons brauchst - kannst nun wieder die angular Schreibweise verwenden - also die geschweiften Klammern und dann als payload den Namen der Bilddatei.

                                6a30d5a8-d254-42b6-9f56-de54b83ad285-image.png

                                a9f939b4-36fa-4c45-b098-c5adfc58dbba-image.png

                                ae867e50-6fbb-4175-b469-81e3bb834231-image.png 1a5539bb-b74e-4386-b11a-587ab971ae0a-image.png

                                Damrak2022D Offline
                                Damrak2022D Offline
                                Damrak2022
                                wrote on last edited by
                                #1112

                                @mickym Bis jetzt sieht es so aus:
                                Bildschirmfoto 2022-10-06 um 23.48.36.png

                                Mit besten Grüßen
                                Andy

                                mickymM 1 Reply Last reply
                                0
                                • Damrak2022D Damrak2022

                                  @mickym Bis jetzt sieht es so aus:
                                  Bildschirmfoto 2022-10-06 um 23.48.36.png

                                  mickymM Online
                                  mickymM Online
                                  mickym
                                  Most Active
                                  wrote on last edited by
                                  #1113

                                  @damrak2022 Uiii - ist bei Dir schon Schneesturm. 😉

                                  Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                                  Damrak2022D 1 Reply Last reply
                                  0
                                  • mickymM mickym

                                    @damrak2022 Uiii - ist bei Dir schon Schneesturm. 😉

                                    Damrak2022D Offline
                                    Damrak2022D Offline
                                    Damrak2022
                                    wrote on last edited by
                                    #1114

                                    @mickym Nicht wirklich, so was kommt in Bayern meist zuerst🙂

                                    Mit besten Grüßen
                                    Andy

                                    1 Reply Last reply
                                    0
                                    • Damrak2022D Offline
                                      Damrak2022D Offline
                                      Damrak2022
                                      wrote on last edited by
                                      #1115

                                      @mickym Was ist denn an meine function node falsch? Die Debug Ausgabe ist korrekt.
                                      Bildschirmfoto 2022-10-07 um 00.22.35.png Bildschirmfoto 2022-10-07 um 00.22.27.png

                                      Irgendwas mit "time" ist anscheinen nicht korrekt?

                                      Mit besten Grüßen
                                      Andy

                                      mickymM 1 Reply Last reply
                                      0
                                      • Damrak2022D Damrak2022

                                        @mickym Was ist denn an meine function node falsch? Die Debug Ausgabe ist korrekt.
                                        Bildschirmfoto 2022-10-07 um 00.22.35.png Bildschirmfoto 2022-10-07 um 00.22.27.png

                                        Irgendwas mit "time" ist anscheinen nicht korrekt?

                                        mickymM Online
                                        mickymM Online
                                        mickym
                                        Most Active
                                        wrote on last edited by mickym
                                        #1116

                                        @damrak2022 Ich verstehe wieder mal nicht warum Du anfängst nun mit function Nodes zu programmieren. Du siehst doch, dass time unterringelt ist - also ist das ein Fehler. Du versuchst die payload einer Variablen time zuzuweisen, die nicht existiert, da sie nicht deklariert wurde. - Ich rate Dir ab und verweise auf meinen Thread. 😉 - In dem Fall bräuchtest Du ja gar keine Variable, sondern könntest die payload ja auch direkt nutzen. Aber wie gesagt - die moments Bibliothek ist in den Change Nodes.

                                        Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                                        Damrak2022D 1 Reply Last reply
                                        0
                                        • mickymM mickym

                                          @damrak2022 Ich verstehe wieder mal nicht warum Du anfängst nun mit function Nodes zu programmieren. Du siehst doch, dass time unterringelt ist - also ist das ein Fehler. Du versuchst die payload einer Variablen time zuzuweisen, die nicht existiert, da sie nicht deklariert wurde. - Ich rate Dir ab und verweise auf meinen Thread. 😉 - In dem Fall bräuchtest Du ja gar keine Variable, sondern könntest die payload ja auch direkt nutzen. Aber wie gesagt - die moments Bibliothek ist in den Change Nodes.

                                          Damrak2022D Offline
                                          Damrak2022D Offline
                                          Damrak2022
                                          wrote on last edited by
                                          #1117

                                          @mickym Naja, ich wollte halt nur Datum und Uhrzeit hinzufügen. Und in einem, ja Video, wurde das exakt so erklärt. Du sagst das steht in Deinem Thread. Dann muss ich mir den nochmal genau anschauen.

                                          Mit besten Grüßen
                                          Andy

                                          mickymM 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          639

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe