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

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

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.
  • Damrak2022D Damrak2022

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

    mickymM Online
    mickymM Online
    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 Online
      mickymM Online
      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 Online
          mickymM Online
          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 Online
              mickymM Online
              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 Online
                    mickymM Online
                    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 Online
                        mickymM Online
                        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 Online
                              mickymM Online
                              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 Online
                                  mickymM Online
                                  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 Online
                                      mickymM Online
                                      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
                                        • Damrak2022D Damrak2022

                                          @mickym Habe das nun wieder so hergestellt:

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

                                          mickymM Online
                                          mickymM Online
                                          mickym
                                          Most Active
                                          wrote on last edited by
                                          #3533

                                          @damrak2022 So um zu sehen, dass Du auch alles von vorgestern verstanden hast. Erkläre doch bitte mal Deinen JSONATA Code.

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

                                          Erkläre bitte mal Zeichen für Zeichen.

                                          Also

                                          1. Eckige Klammer - [
                                          2. Geschweifete Klammer .
                                          3. Was ist der String der folgt
                                          4. Was ist der Doppelpunkt
                                          5. Was ist die eckige Klammer [

                                          usw.

                                          also ich würde gerne den Code nochmals von Dir erklärt bekommen. 🙂 - Danke schon mal. 😉

                                          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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          257

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          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