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

      @damrak2022 Sehr gut 🙂

      4419d4c5-8d0e-4949-b3a1-f488d3a47c0e-image.png

      Diese Change Node würde ich mir an Deiner Stelle gleich in der Bibliothek abspeichern, da sie die Grundlage für alle Daten die ich nachträglich in die Chart Node speisen möchte, dient.

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

        @mickym Bibliothek, wo, wie?

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

          @damrak2022 Na Du kannst die Change Node alleine markieren und exportieren.

          Dann nicht in die Zwischenablage exportieren sondern lokal in der Bibliothek speichern. Aber unten einen entsprechenden Namen vergeben.

          Zum Beispiel. Import für Chart node:

          b2a8ae58-d00a-4de2-86d5-9810317182cf-image.png

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

            @mickym Erledigt, ich hatte das zwar schon mal gesehen mit "Lokal" aber wusste nicht genau was ich damit machen kann.

            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 Erledigt, ich hatte das zwar schon mal gesehen mit "Lokal" aber wusste nicht genau was ich damit machen kann.

              Später kannst Du dann diese Node wieder aus der Bibliothek importieren, wenn Du sie brauchst.

              Kannst ja mal probieren - Du gehst auf Import:

              efe9e00a-9aa6-45a9-80ee-81e856028250-image.png

              diese Node wieder importieren. Probiere es mal aus.

              Kann aber sein, dass die Bibliothek von dem Backup Adapter nicht mitgesichert wird. Da das alles unter dem LIB Directory des Datenverzeichnisses des NodeRed Adapters abgespeichert wird.

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

                @mickym Habe ich schon, klappt

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

                  @damrak2022 Gut gibts noch weitere Eigenschaften in dem Objekt ?

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

                    @mickym Äh, nein

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

                      @damrak2022 Gut dann fassen wir mal zusammen.

                      Was für ein Objekt haben wir insgesamt? (Tipp schau Dir deine Debugausgabe an )

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

                        @mickym Ich weiß nicht so wirklich, was ich darauf antworten soll

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

                          @damrak2022 Na was hat die payload für einen Datentyp?

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

                            @mickym Ein array

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

                              Gut 🙂 - Und was enthält dieses Array?

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

                                @mickym 1 Objekt mit 3 Eigenschaften und jeweils einem leeren Array

                                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 1 Objekt mit 3 Eigenschaften und jeweils einem leeren Array

                                  Du bist richtig Klasse:

                                  Also Deine payload ist ein Array mit einem Objekt mit 3 Eigenschaften, die wiederum Array sind.

                                  Klasse 🙂

                                  Ist doch so gut zusammengefasst oder? - Jeder wird Dir damit schon die Grundstruktur darstellen können.

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

                                    Nun gehen wir weiter.

                                    Die 3 Eigenschaften des Objektes haben im Moment 3 leere Arrays.

                                    Nun müssen wir uns der Bedeutung dieser 3 Eigenschaften zuwenden. Ok?

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

                                      @mickym Ich weiß nicht so recht was ich zu den Eigenschaften sagen soll.

                                      series: Für jede Messung wird im Array eine Eigenschaft angelegt, also A, B, C, usw.
                                      data: Beinhaltet den Zeitstempel und den Value der Messung
                                      labels: Hier werden wieder in einem Array die verschiedenen Eigenschaften festgelegt

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

                                        @damrak2022 Nun - erst mal wünsche ich Dir einen guten Abend. 🙂

                                        Also ich hab mal auch etwas rumprobiert und folgendes festgestellt. Mit der series legst Du den Namen der Linie also das topic fest mit der Du später die Datenpunkte direkt einträgst.
                                        Sprich in Deinem Fall willst Du ja 3 Linien haben, also Datenserien die bezeichnet werden müssen. Diese Serien entsprechen dem topic mit dem Du die Daten später direkt in die Chart Node sendest.
                                        Welche Datentypen enthält denn das Series array?
                                        Und wie müssen in Deinem Fall die Datenserien benannt werden.

                                        In data: Ja das ist zwar richtig, im Prinzip sind das einzelne Punkte - also die eigentlichen Daten. Dabei werden in einem Linienchart (wie in der Schule) ein Punkt durch eine x und eine y Koordinate festgelegt. Also welche Datentypen enthält das data array?

                                        Die labels Eigenschaft kannst Du bei einem Linienchart weglassen. Das habe ich gestern noch ausprobiert. Diese Eigenschaft löscht Du also wieder - kannst Du auch bei Deinen produktiven Flows wieder löschen. Die Labels eigenschaft macht bei horizontalen Balkencharts Sinn.

                                        Screenshot_20230129_225537.png

                                        Nur nochmal zur Erinnerung unser Ziel ist das Objekt wie von Steve in seinem Thread abgebildet hat zu erstellen:

                                        2474a288-395c-47e5-94d4-f12fba539e30-image.png

                                        Wobei wir die labels Eigenschaft nun weglassen werden.

                                        Also unser Objekt schaut dann im Moment so aus:

                                        689dd22d-b0e8-4a9d-8306-8e033f986aa4-image.png

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

                                          @mickym In series sind es String, da in Anführungszeichen. In meinem Fall sollten die Als nicht A,B,C heißen, sondern Systole,Diastole,Puls.
                                          In data ist der Datentyp wohl "Number", bzw. Objekte da in geschweiften Klammern.
                                          labels, sollte ich wohl behalten, da ich so diese Anzeige bekomme:
                                          Bildschirmfoto_2023-01-30_um_22_09_54.png

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

                                            @damrak2022 Nun mit dem Series Objekt hast Du Recht. Also kannst Du dort das Array mit Deinen 3 topics als Strings eintragen. Wobei jedes topic ein Element als String in Deinem Array ist.

                                            Bei Data warst Du mal wieder nicht korrekt. Was ist data für ein Datentyp?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            651
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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