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

                          @mickym Erstmal ein Array, was dann diverse Objekte enthält

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

                            @damrak2022
                            Wenn Du data meinst:
                            Nein es ist ein Array - aber was enthält denn das Array für Elemente?

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

                              @mickym Eckige Klamer auf mit geschweifter Klammer auf bedeutet doch das innerhalb des Arrays verschiedene Objekte sind durch Komma getrennt, oder nicht

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

                                @damrak2022 Ja wenn es denn stimmen würde. Du musst einfach exakter werden und Zeichen für Zeichen durchgehen.

                                Also die data Eigenschaft ist vom Datentyp Array: hellgrün

                                Die Elemente dieses Array sind von welchem Datentyp??? hellblau

                                2c7f2d33-6300-4e0f-ae69-e117227d43f5-image.png

                                Es wäre wirklich toll, wenn Du mal versuchst exakt zu werden. 😉

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

                                  @mickym Verweist beides auf ein Array

                                  Ist das hier jetzt korrekt
                                  Bildschirm­foto 2023-01-30 um 22.22.48.png

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

                                    @damrak2022 Ja das series Array ist korrekt - aber das labels Array solltest Du ja löschen. Und dann beantwortest Du mir noch bitte die Frage zu den Datentypen im data Array.

                                    18c4fd21-235e-43db-a9a9-1217d4bc1a0e-image.png

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

                                      @mickym Jetzt habe ich "Labels gelöscht, aber nun ist irgendwas wieder nicht korrekt
                                      Bildschirm­foto 2023-01-30 um 22.27.11.png

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

                                        @mickym Mich irritiert das hinter der eckigen Klammer (Array) bei "data" noch eine geschweifte Klammer kommt. Hier hänge ich gerade irgendwie

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

                                          @damrak2022 Tja Du musst für jedes Klammer, die Du öffnest eine schliessen.
                                          Das gesamte Array wurde nicht geschlossen und das Objekt auch nicht.

                                          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 Mich irritiert das hinter der eckigen Klammer (Array) bei "data" noch eine geschweifte Klammer kommt. Hier hänge ich gerade irgendwie

                                            Mach das Objekt wieder zu und dann das gesamte Array.

                                            Wenn Du im JSONATA Editor auf formatiere Ausdruck klickst, dann zeigt er Dir genau, welche Klammern zusammengehören.

                                            Jede geöffnete Klammer muss wieder geschlossen werden.

                                            31273ab2-ca01-4241-8df1-cdb655b3173b-image.png

                                            Am Besten ist immer - dass Du wie folgt checkst:

                                            1. Wenn das erste Zeichen eine öffnende Klammer ist, dann musst Du als letztes Zeichen eine schließende Klammer gleichen Typs haben (also eckige Klammer).
                                            2. Wenn das zweite Zeichen eine öffnende Klammer ist, dann muss das vorletzte Zeichen auch eine schliessende Klammer sein gleichen Typs sein (also geschweifte Klammer).
                                            Damrak2022 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            865
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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