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

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

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

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

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

                                          @damrak2022 Über die JSONATA Bibliothek brauchst doch nur die $moment Bibliothek. Ohne Parameter wird automatisch die aktuelle Uhrzeit ausgegeben. Über das Format kannst Du die Ausgabe formatieren.

                                          Die Ausgabeformate sind alle hier beschrieben: https://momentjs.com/docs/#/displaying/format/

                                          Dutzende Beispiele findest Du in meinem Thread.

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

                                            @mickym Bin gerade am Lesen.

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