Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Visualisierung mit Node Red erstellen

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    12
    2
    256

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.0k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.7k

Visualisierung mit Node Red erstellen

Visualisierung mit Node Red erstellen

Scheduled Pinned Locked Moved Visualisierung
4.8k Posts 4 Posters 2.5m Views 4 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • mickymM mickym

    @damrak2022 Sehr gut - und wenn Du das machst - dann siehst Du dass alles im ersten Array des data arrays ist.

    Damrak2022D Offline
    Damrak2022D Offline
    Damrak2022
    wrote on last edited by
    #3513

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

    Mit besten Grüßen
    Andy

    mickymM 1 Reply Last reply
    0
    • Damrak2022D Damrak2022

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

      mickymM Offline
      mickymM Offline
      mickym
      Most Active
      wrote on last edited by
      #3514

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

      Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

      Damrak2022D 1 Reply Last reply
      0
      • Damrak2022D Damrak2022

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

        mickymM Offline
        mickymM Offline
        mickym
        Most Active
        wrote on last edited by mickym
        #3515

        @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

        Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

        1 Reply Last reply
        0
        • mickymM mickym

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

          Damrak2022D Offline
          Damrak2022D Offline
          Damrak2022
          wrote on last edited by
          #3516

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

          Mit besten Grüßen
          Andy

          mickymM 1 Reply Last reply
          0
          • Damrak2022D Damrak2022

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

            mickymM Offline
            mickymM Offline
            mickym
            Most Active
            wrote on last edited by
            #3517

            @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.

            Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

            Damrak2022D 1 Reply Last reply
            0
            • mickymM mickym

              @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.

              Damrak2022D Offline
              Damrak2022D Offline
              Damrak2022
              wrote on last edited by
              #3518

              @mickym Ja

              Mit besten Grüßen
              Andy

              mickymM 1 Reply Last reply
              0
              • Damrak2022D Damrak2022

                @mickym Ja

                mickymM Offline
                mickymM Offline
                mickym
                Most Active
                wrote on last edited by mickym
                #3519

                @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 $.{}

                Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                Damrak2022D 2 Replies Last reply
                0
                • mickymM 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 $.{}

                  Damrak2022D Offline
                  Damrak2022D Offline
                  Damrak2022
                  wrote on last edited by
                  #3520

                  @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?

                  Mit besten Grüßen
                  Andy

                  1 Reply Last reply
                  0
                  • mickymM 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 $.{}

                    Damrak2022D Offline
                    Damrak2022D Offline
                    Damrak2022
                    wrote on last edited by
                    #3521

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

                    Mit besten Grüßen
                    Andy

                    mickymM 1 Reply Last reply
                    0
                    • Damrak2022D Damrak2022

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

                      mickymM Offline
                      mickymM Offline
                      mickym
                      Most Active
                      wrote on last edited by mickym
                      #3522

                      @damrak2022 Sehr gut.

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

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

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

                      Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                      Damrak2022D 1 Reply Last reply
                      0
                      • mickymM 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

                        Damrak2022D Offline
                        Damrak2022D Offline
                        Damrak2022
                        wrote on last edited by
                        #3523

                        @mickym Ja, sieht bei mir auch so aus.

                        Mit besten Grüßen
                        Andy

                        mickymM 1 Reply Last reply
                        0
                        • Damrak2022D Damrak2022

                          @mickym Ja, sieht bei mir auch so aus.

                          mickymM Offline
                          mickymM Offline
                          mickym
                          Most Active
                          wrote on last edited by mickym
                          #3524

                          @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.

                          Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                          Damrak2022D 1 Reply Last reply
                          0
                          • mickymM 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.

                            Damrak2022D Offline
                            Damrak2022D Offline
                            Damrak2022
                            wrote on last edited by
                            #3525

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

                            Mit besten Grüßen
                            Andy

                            Damrak2022D mickymM 2 Replies Last reply
                            0
                            • Damrak2022D Damrak2022

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

                              Damrak2022D Offline
                              Damrak2022D Offline
                              Damrak2022
                              wrote on last edited by
                              #3526

                              @damrak2022 Ach Du meinst X und Y Koordinate

                              Mit besten Grüßen
                              Andy

                              mickymM 1 Reply Last reply
                              0
                              • Damrak2022D Damrak2022

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

                                mickymM Offline
                                mickymM Offline
                                mickym
                                Most Active
                                wrote on last edited by
                                #3527

                                @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.

                                Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                                Damrak2022D 1 Reply Last reply
                                0
                                • mickymM mickym

                                  @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.

                                  Damrak2022D Offline
                                  Damrak2022D Offline
                                  Damrak2022
                                  wrote on last edited by
                                  #3528

                                  @mickym Ja, verstanden.

                                  Mit besten Grüßen
                                  Andy

                                  1 Reply Last reply
                                  0
                                  • Damrak2022D Damrak2022

                                    @damrak2022 Ach Du meinst X und Y Koordinate

                                    mickymM Offline
                                    mickymM Offline
                                    mickym
                                    Most Active
                                    wrote on last edited by mickym
                                    #3529

                                    @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

                                    Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                                    Damrak2022D 1 Reply Last reply
                                    0
                                    • mickymM 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

                                      Damrak2022D Offline
                                      Damrak2022D Offline
                                      Damrak2022
                                      wrote on last edited by
                                      #3530

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

                                      Mit besten Grüßen
                                      Andy

                                      mickymM 1 Reply Last reply
                                      0
                                      • Damrak2022D Damrak2022

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

                                        mickymM Offline
                                        mickymM Offline
                                        mickym
                                        Most Active
                                        wrote on last edited by mickym
                                        #3531

                                        @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}]]}]
                                        

                                        Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                                        Damrak2022D 1 Reply Last reply
                                        0
                                        • mickymM 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}]]}]
                                          
                                          Damrak2022D Offline
                                          Damrak2022D Offline
                                          Damrak2022
                                          wrote on last edited by Damrak2022
                                          #3532

                                          @mickym Habe das nun wieder so hergestellt:

                                          Bildschirm­foto 2023-02-04 um 20.06.07.png

                                          Mit besten Grüßen
                                          Andy

                                          mickymM 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          135

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe