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

      @damrak2022 sagte in Visualisierung mit Node Red erstellen:

      @mickym Nein, das ist schon klar, aber das alles richtig in die Reihe zu bringen ist wirklich nicht so leicht

      Hauptsache Du verstehst Steve nun etwas besser. 😉

      1 Reply Last reply Reply Quote 0
      • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            775
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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