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 Die Wettericons liegen momentan noch hier :
      Bildschirmfoto 2022-10-06 um 01.21.41.png

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

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

        @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.

        Damrak2022 1 Reply Last reply Reply Quote 0
        • Damrak2022
          Damrak2022 @mickym last edited by 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

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

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

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

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

              @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

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

                @damrak2022

                <img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
                
                Damrak2022 mickym 2 Replies Last reply Reply Quote 0
                • Damrak2022
                  Damrak2022 @DJMarc75 last edited by

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

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

                    @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                    Warum müssen da 2 Slashs hin.

                    wo siehst du 2 ?

                    1 Reply Last reply Reply Quote 0
                    • mickym
                      mickym Most Active @DJMarc75 last edited by 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.

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

                        @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

                        mickym 1 Reply Last reply Reply Quote 0
                        • mickym
                          mickym Most Active @Damrak2022 last edited by 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

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

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

                            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 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

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

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

                                mickym 1 Reply Last reply Reply Quote 0
                                • mickym
                                  mickym Most Active @Damrak2022 last edited by 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

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

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

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

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

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

                                        @damrak2022 Uiii - ist bei Dir schon Schneesturm. 😉

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

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

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

                                            @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?

                                            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
                                            1968609
                                            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