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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    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 Bildschirm­foto 2023-02-03 um 03.12.10.png

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

        @mickym Siehst Du, gut das ich gefragt habe, sonst hätte ich wieder alles zerschossen.

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

          @damrak2022 Ja und wenn du den kompletten Screenshot posten würdest, dann würdest Du ja sehen, dass nun alles in diesem Array ist.

          Damrak2022 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 Siehst Du, gut das ich gefragt habe, sonst hätte ich wieder alles zerschossen.

            Nun ja deswegen habe ich die Übung mit Dir gemacht - um Dir von Anfang zu zeigen - wie Du das ganze Objekt referenzierst. Die Übungen haben also alle ihren Sinn. 😉

            Es sollte also nun so aussehen:
            b02a57c7-1c6d-4e25-8222-44aab7cc2a0a-image.png

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

              @mickym !
              Bildschirm­foto 2023-02-03 um 03.13.31.png

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

                @damrak2022 Sehr gut. Du siehst also dass Du das ganze Objekt in dem data array ist und die Datensätze aus der influx-DB enthalten ja auch die Informationen zu den einzelnen Punkten.

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

                  @mickym Ja

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

                    @damrak2022 Gut aber nun müssen wir die Objekte neu aufbauen. Dazu benutzen wir die map Funktion im JSONATA und erstellen erst mal leere Objekte für jeden Datensatz.
                    https://docs.jsonata.org/path-operators

                    Der Path-Operator für das mappen ist ein Punkt. Mit diesem wird also durch jedes Array Element durchgegangen und es kann neu definiert werden.

                    Wir können also durch die einzelnen Elemente durch iterieren und erstellen also erst mal für jeden Datensatz ein leeres Objekt. Durch iterieren wollen wir durch das Array des Eingangsarrays.

                    Also änderst Du mal das $ in $.{}

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

                      @mickym sagte in Visualisierung mit Node Red erstellen:

                      https://docs.jsonata.org/path-operators

                      Das was da steht begreife ich nicht. Das ist mir immer irgendwie zu hoch.
                      Was muss ich jetzt also machen?

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

                        @mickym So?
                        Bildschirm­foto 2023-02-03 um 03.23.21.png

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

                          @damrak2022 Sehr gut.

                          [{"series":["Küche"],"data":[[$.{}]]}]
                          

                          Du siehst also für jeden Datensatz ein leeres Objekt:

                          87485ad8-47a8-4e2f-a89f-f7e915fab1b4-image.png

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

                            @mickym Ja, sieht bei mir auch so aus.

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

                              @damrak2022 Sehr gut - und welche 2 Eigenschaften haben denn nun die Punkte in unserem Array.

                              9ff6e7fc-5e99-4b7b-b6d5-7bab5c3881f0-image.png

                              Jeder Punkt in einem Linienchart hat ein ... - Koordinate und ein ... - Koordinate.

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

                                @mickym Ich weiß nicht was Du mit Punkten meinst?

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

                                  @damrak2022 Ach Du meinst X und Y Koordinate

                                  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 Ich weiß nicht was Du mit Punkten meinst?

                                    Na jedes Objekt in dem Array ist ein Datenpunkt - des x und y Koordinaten in dem originalen Datensatz steht.

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

                                      @mickym Ja, verstanden.

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

                                        @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                                        @damrak2022 Ach Du meinst X und Y Koordinate

                                        Genau - Du siehst ja an Steves Screenshot - das jeder Punkt KLEINgeschrieben die Eigenschaft. x und y hat.

                                        Nun definierst Du also für alle Objekte die Eigenschaft x und y mit dem Wert 0 erst mal. Also in die neu geschweifte Klammer hinter dem $. eine Eigenschaft "x" : 0 und "y" : 0

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

                                          @mickym Bildschirm­foto 2023-02-03 um 03.33.08.png

                                          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 Bildschirm­foto 2023-02-03 um 03.33.08.png

                                            Sehr gut - Du solltest also sehen, dass Deine Objekt jetzt überall x und y Eigenschaften haben:

                                            9781bc52-974b-4718-932b-d9279f1eced8-image.png

                                            Falls wir morgen weiter machen - solltest Du den Code dann wieder in das Codefenster hier aus dem Thread kopieren kannst:

                                            [{"series":["Küche"],"data":[[$.{"x":0,"y":0}]]}]
                                            
                                            Damrak2022 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            602
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

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