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

                                    @mickym Wenn ich auf "formatiere Ausdruck" klicke ändert sich die Ansicht nicht:
                                    Bildschirm­foto 2023-01-30 um 22.34.56.png

                                    Ja das weiß ich eigentlich, trotzdem erkenne ich den Fehler nicht und egal wo ich die geschweifte Klammer hinsetze,, es bleibt rot.

                                    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 Wenn ich auf "formatiere Ausdruck" klicke ändert sich die Ansicht nicht:
                                      Bildschirm­foto 2023-01-30 um 22.34.56.png

                                      Ja weil das Objekt nicht korrekt ist.

                                      Schliesse mit einer geschweiften Klammer das Objekt und anschliessend das Array mit einer eckigen Klammer und klicke nochmal auf Formatiere.

                                      Wenn das Formatieren nicht klappt, dann hast Du eine Klammer nicht richtig gesetzt oder sonst einen Fehler gemacht. Ein String mit nur einem Anführungszeichen etc.

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

                                        @mickym Jetzt habe ich es:
                                        Bildschirm­foto 2023-01-30 um 22.39.46.png

                                        Das ist garnicht so einfach zu verstehen, das die beiden ersten eckigen Klammern, ja das leere Array von "data" darstellen und dann nochmal die Klammern zum abschließen kommen.

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

                                          @damrak2022 Und verstehst Du nun auch warum?

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

                                            @mickym Ja, siehe Antwort im Post davor.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            994
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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