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

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    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 Ja, warte mal ich versuche ihn mal erklärend darzustellen - Poste ich nachher

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

        @damrak2022 sagte in Visualisierung mit Node Red erstellen:

        @mickym Ja, warte mal ich versuche ihn mal erklärend darzustellen - Poste ich nachher

        Hoffentlich bekomme ich einen Preis zur internationalen Verständigung und nicht wieder einen Dämpfer. 😉

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

          Ich würde Dir aber generell empfehlen mit der Chart-Node und der Anzahl an Datenpunkten sparsam umzugehen, da jeder einzelne Datenpunkt vom Browser gezeichnet wird und dann bekommst Du Probleme mit dem Anzeigen der Seite:
          https://forum.iobroker.net/topic/62487/dashboard-von-node-red-hängt

          In der Regel solltest Du für viele Datenpunkte Flot oder Grafana nutzen, da die nur die Linien zeichnen und nicht jeden Datenpunkt zur Laufzeit neu berechnen.

          Aus meinem Flot Chart Thread - wie gesagt die Schrift wird nicht skaliert, aber das Diagramm schon. Man muss nur halt die x-Achsen Beschriftung ggf. reduzieren, wenn man kleine Größen verwendet.

          Hier siehst Du den identischen Chart nur mit 2 Template Nodes - Einmal Groß mit 12 x 12 Einheiten und einmal Standardgröße mit 6 x 6 Einheiten:

          fed294a5-b7e3-426f-be4d-1907b25c982b-image.png

          885679a4-11e0-49b4-94b1-10e0cfcb64fd-image.png

          Wie gesagt Du kannst die Chart NOde schon verwenden - aber halt aufpassen, dass das nicht zuviel wird mit den Datenpunkten.
          Bei den Temperaturen nehme ich 3 Tage. 😉

          Bei den Raspberry Daten auch so ca. 3 Tage wobei da auch jede Minute Datenpunkte bei der CPU Last entstehen. Das geht alles:

          ffc3cdf9-184c-4c18-82ba-0efd6ea37a75-image.png

          Da bist Du noch weit weg - aber ich will Dich halt nur darauf aufmerksam machen nun nicht in die Chart-Euphorie zu verfallen.

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

            @damrak2022 sagte in Visualisierung mit Node Red erstellen:

            @mickym Ja, warte mal ich versuche ihn mal erklärend darzustellen - Poste ich nachher

            Scheint wohl schwieriger zu werden. 🙄 🤔

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

              @mickym 1675635555125-229e9eed-5f91-4815-b386-5780ec4bc407-image-resized.png

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

                @damrak2022 Ist nicht falsch aber auch nicht so aussagekräftig wie es sein könnte.

                Die Elemente des Series Array definieren die Datenreihen, die später über das topic zugeordnet werden können.

                Das grüne data Array enthält für jede Datenreih ein weiteres Array (blau). Das erste Array für die erste Datenserie, das zweite Array für die zweite Datenserie usw.
                Jedes Array enthält wiederum die Punkte im Koordinatensystem als Objekte mit den Eigenschaften x - für die x-Koordinate und y- für die y-Koordinate.
                Die x-Achse und folglich die x-Koordinaten enthalten Zeitstempel im Unix ms Format, die y-Achse die darzustellenden Werte.

                Aber Du musst was damit anfangen können, insofern wenn Du mit Deinen Formulierungen besser zurecht kommst dann lass es.

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

                  @mickym Ja, aber ich hatte nur begrenzten Platz und wenn ich die anderen nicht komplett verwirre kann es drinbleiben.

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

                    @damrak2022 Gut dann bist Du jetzt erlöst. 😉

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

                      @mickym Kannst Du hier nochmal die komplette Aufgabenstellung posten? Ich habe nur diesen Teil:
                      Bildschirm­foto 2023-02-06 um 03.14.38.png

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

                        @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                        @mickym Kannst Du hier nochmal die komplette Aufgabenstellung posten? Ich habe nur diesen Teil:
                        Bildschirm­foto 2023-02-06 um 03.14.38.png

                        Nun dazu bin ich nicht in der Lage - die ganzen Nodes, die in Deiner Abbildung noch fehlen sind Aufgaben und die jeweils eine Aufgabe beinhalten:

                        36e3a7b0-e008-40df-98a4-514be4179ffa-image.png

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

                          @mickym Ja danke, das meinte ich doch.

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

                            @mickym So, ich habe mir das nun in JSONATA try kopiert und werde mal schauen was ich hinbekomme.
                            Bildschirm­foto 2023-02-06 um 19.11.01.png

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

                              @mickym Oh, das wird eine tolle Aufgabe:

                              Im JSONATA try habe ich die Preise extrahiert:
                              Bildschirm­foto 2023-02-06 um 19.21.48.png

                              Wenn ich da allerdings in die Change Node kopiere, klappt das nicht. Ich glaube das hat was mit dem mapping zu tun
                              Bildschirm­foto 2023-02-06 um 19.23.51.png

                              Na, ich mache erstmal weiter.

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

                                @damrak2022 Wow - Du bist ja schnell dabei. Um das 1. zu 1 im JSONATA Probierfenster zu haben, solltest Du aber das ganze Eingangsobjekt einer payload zuweisen - sonst hast Du die hässlichen undefined für Nachname etc. drin.

                                Die Klammer um payload brauchst Du auch nicht. 😉 - Das hat ich schon erklärt. Das tolle an JSONATA ist, dass es bei einem eindeutigen Wert, diesen zurückgibt. Ist er mehrdeutig macht JSONATA automatisch ein Array daraus.

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

                                  @mickym Du meinst so, oder:
                                  Bildschirm­foto 2023-02-06 um 19.43.46.png Bildschirm­foto 2023-02-06 um 19.43.37.png

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

                                    @damrak2022 Ja genial, wenn jetzt das Zimmer array und die anderen Eigenschaften in der payload sind. 🙂 - Hervorragend.

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

                                      @mickym Ich probiere und probiere und ab und zu klappt dann mal was.

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

                                        @mickym

                                        payload{0}.preis
                                        

                                        gibt mir den ersten Preis aus, aber mir fehlt das was ich nun zum addieren dazwischen setzen muss

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

                                          @damrak2022 Huch was ist das bitte payload mit der Eigenschaft 0`???

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

                                            @mickym

                                            payload[0].Preis
                                            

                                            So meinte ich es

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            513
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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