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 Okay, wird Zeit das ich meinen Spaziergang beginne.

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

        @damrak2022 Jo mach das - Du hast ja heute genügend Erfolgserlebnisse. Irgendwann ist das dann alles so perfekt, dass es nichts mehr gibt. 😉

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

          @mickym sagte in Visualisierung mit Node Red erstellen:

          Ja wo hast Du dann das Problem - das in 3 unterschiedliche Tabellen zu machen?

          Nein, ich habe 3 unterschiedliche Tabellen, aber die sind ja alle im ab "Telefon" und deswegen bekomme ich beim zweiten keine Überschrift mehr. Ich würde die einzelne Tabelle halt auch gerne "Verpasste Anrufe und Eingegangene Anrufe" benennen, weiß aber nicht ob das geht.
          Bildschirmfoto 2022-10-04 um 04.29.54.png

          Aber nicht mehr heute. Eventuell morgen, wenn ich es nicht hinbekomme.

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

            @damrak2022 Du kannst einfach eine Text Node machen oder eine Template Node um eine Überschrift zwischen die beiden Tabellen zu klemmen.

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

              @mickym Anscheinend habe ich trotz ein paar Stunden Schlaf wieder einen dicken Baumstamm vor dem Schädel, denn ich habe das weder in einer Text Node, noch mit einer template node hinbekommen.

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

                @damrak2022 Na gut bei der Template Node kennst Du kaum - aber bei einer Text-Node was ist da schwer - nur ein Label zu vergeben und nicht zu verkabeln?

                Das grün markierte in der Gruppe ist eine Text-Node die halt zwischen den anderen Zeilen steht :

                c7f876cc-fbc7-4e43-86cb-af489e55c347-image.png

                Ist zwar vom Stil nicht ganz wie die Gruppe - aber meines Erachtens ausreichend.

                Wenn Du es unbedingt auch noch formatieren und in der Farbe wie die Überschriften haben willst - muss man da halt bissi HTML in das Label schreiben - aber da bin ich auch kein Meister:

                5710ef7e-7faa-405c-978b-c8768b68a0fc-image.png

                <font size=4 color= var(--nr-dashboard-TextColor)>Heutige Vorhersage:</font>
                
                Damrak2022 1 Reply Last reply Reply Quote 0
                • Damrak2022
                  Damrak2022 @mickym last edited by

                  @mickym Ist erledigt. Ich weiß nicht warum ich das heute früh nicht hinbekommen habe.

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

                    @damrak2022 In dem Beispiel wo ich gerade dran werkel ist die Debug Node so eingestellt. Was ist der Sinn dahinter?
                    Bildschirmfoto 2022-10-05 um 03.19.33.png

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

                      @damrak2022 das Du die Ausgabe direkt im Status unter der Node siehst. Das heißt man braucht nicht das Debug Fenster aufmachen und auch wenn Du den Editor aufmachst, siehst Du sofort den Status der letzten Nachricht.

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

                        @mickym Ah, okay, das heißt ich kann das einfach wieder auf debug umstellen. Danke

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

                          @damrak2022 Klar-

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

                            @mickym So, insgesamt bin ich ein kleines Stück weitergekommen. Jetzt stellt sich aber die Frage wie ich eine Grafik einbinde? Mache ich das über html, oder brauche ich ein neues Paket? Wo sollte das Bild hinterlegt sein?
                            Und die zweite Herausforderung ist noch wie ich die einzelnen Dahboard Tabs zu einem großen zusammenfasse, das es so aussieht wie in Deinem Wetter Dashboard.
                            Bin Dir für einen Tipp dankbar. Dann kann ich weiterbasteln🙂

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

                              @damrak2022 Also die große Wetterseite - da musst Du leider HTML programmieren lernen, HTML- Tabellen usw. das ist in meinen Augen aber noch Meilenweit weit weg. Sorry muss ich so sagen - aber ich hab da ja auch ewig rumgetüftelt. Und da verweise ich auf meinen Thread. Aber um ein einzelnes Bild an zuzeigen, wie auf meiner Übersicht

                              fded0f25-4762-4392-b537-14bb4ffc82d3-image.png

                              kannst Du wieder eine Text-Node nutzen und etwas HTML einfügen, das funktionert.

                              Für diese Anzeige habe ich wieder das Label Feld der Text Node genutzt.

                              b9e10762-4eac-456e-a97e-1a78e70eafae-image.png

                              Den Pfad wo du Bilder abspeicherst ist relativ zu dem Pfad, den Du in der NodeRed Adapterkonfiguration eingeben musst.

                              Die Bilder musst dir halt aus dem Internet zusammensuchen, die Dir am Besten gefallen.

                              68ce77ce-5abd-4dfd-87b9-32ad320f5667-image.png

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

                                @mickym Gut, Danke, dann weiß ich ja in welche Richtung ich mich schlau suchen muss.
                                Eine Frage habe ich noch:
                                Bei diesem Flow müsste ich irgendwie einen Trigger davorsetzen, damit die Daten regelmässig abgefragt werden. Aber da dies eine iobroker in node ist, wie macht man das dann?
                                Bildschirmfoto 2022-10-05 um 23.11.10.png

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

                                  @damrak2022 Wieso - macht das der iobroker nicht selbst, dass er die Datenpunkte aktualisiert?- Damit wird doch automatisch getriggert. Es bringt ja nichts, wenn du den Flow neu triggerst, aber keine neuen Informationen vorhanden sind.

                                  Übrigens meine Wetter-Icons stammen alle von der AccuWeather Seite, da ich die fast fotoähnlich fand, und ich habe die Bilde halt einzeln abgespeichert. Vielleicht auch woanders her - musst halt bissi suchen. 😉

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

                                    @mickym Nein, es ist ein Paket zu mir unterwegs und in der App von DPD sichtbar, aber nicht in Node Red. Im json (Datenpunkt ioBroker) ist davon auch noch nichts zu sehen, obwohl mein Parcel Adapter auf eine Aktualisierung von 10 Minuten gestellt ist.
                                    Sehr merkwürdig - Zugangsdaten sind auch korrekt
                                    Ich lege DPD nochmal neu an - keine Ahnung was da hängt

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

                                      @damrak2022 Ja aber dann brauchst in Node-Red doch nicht zu suchen. Node-Red holt sich die Daten doch vom iobroker. Wenn sie da nicht da sind, können sie ja auch nicht in NodeRed vorhanden sein. Da musst dann im iobroker Umfeld suchen, aber nicht in NodeRed. Vielleicht bissi Geduld haben - der Adapter wird ja auch nicht alle 10 Minuten schauen, sondern vielleicht alle Stunden. Musst halt schauen, was Du eingestellt hast.

                                      Vielleicht gibts ja einen Datenpunkt in dem Adapter - um zu aktualisieren? - Wie gesagt ich kenne den Adapter nicht.

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

                                        @mickym Das mit dem Paket hat sich erledigt.
                                        Zur Grafik noch eine Frage:
                                        ich habe mal testweise den Pfad zum Vis Dateimanager genutzt.

                                        <img src="/vis.0/Damrak2022/img/FFH.png{{msg.payload.}}"alt="n/a" width="100%" hight="100%"
                                        

                                        Ich weiß aber garnicht ob das geht auf die Bilder dort zuzugreifen, außerdem ist der Pfad ja wohl auch nicht komplett.
                                        Wie kann ich den kompletten Pfad rausfinden, oder sind die Bilder lokal auf Deinem Rechner

                                        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:

                                          FFH.png{{msg.payload.}}

                                          Die Bilder sind lokal - aber kannst Du mit bitte mal sagen - was das für ein Dateiname ist

                                          FFH.png{{msg.payload.}}
                                          

                                          Sorry dass ist hochgradig unprofessionell - was Du hier eingibst - weisst Du was die geschweiften Klammern sind - wenn nicht - warum gibst Du solch einen Mist ein.

                                          Was hast Du in der Adapter Konfig eingegeben - was ist der komplette Pfad - das ist doch Mist - einfach irgendwas einzugeben ohne zu berücksichtigen, was ich geschrieben habe.

                                          Hast du meinen Satz nicht gelesen:

                                          Den Pfad wo du Bilder abspeicherst ist relativ zu dem Pfad, den Du in der NodeRed Adapterkonfiguration eingeben musst.

                                          Wenn Du das nicht verstehst - dann frag besser - bevor Du solch einen Mist eingibst.

                                          Auch dieser Pfad ist lokal auf Deinem Rechner.

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

                                            @mickym sagte in Visualisierung mit Node Red erstellen:

                                            Den Pfad wo du Bilder abspeicherst ist relativ zu dem Pfad, den Du in der NodeRed Adapterkonfiguration eingeben musst.

                                            Sorry,

                                            Was dieses relativ bedeutet, weiß ich wirklich nicht. Das Bild war nur eins zum testen.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            835
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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