Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  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.9k

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

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

Visualisierung mit Node Red erstellen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
4.8k Beiträge 4 Kommentatoren 2.5m Aufrufe 4 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von
    #3518

    @mickym Ja

    Mit besten Grüßen
    Andy

    mickymM 1 Antwort Letzte Antwort
    0
    • Damrak2022D Damrak2022

      @mickym Ja

      mickymM Online
      mickymM Online
      mickym
      Most Active
      schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #3521

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

          Mit besten Grüßen
          Andy

          mickymM 1 Antwort Letzte Antwort
          0
          • Damrak2022D Damrak2022

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

            mickymM Online
            mickymM Online
            mickym
            Most Active
            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #3523

              @mickym Ja, sieht bei mir auch so aus.

              Mit besten Grüßen
              Andy

              mickymM 1 Antwort Letzte Antwort
              0
              • Damrak2022D Damrak2022

                @mickym Ja, sieht bei mir auch so aus.

                mickymM Online
                mickymM Online
                mickym
                Most Active
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #3525

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

                  Mit besten Grüßen
                  Andy

                  Damrak2022D mickymM 2 Antworten Letzte Antwort
                  0
                  • Damrak2022D Damrak2022

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

                    Damrak2022D Offline
                    Damrak2022D Offline
                    Damrak2022
                    schrieb am zuletzt editiert von
                    #3526

                    @damrak2022 Ach Du meinst X und Y Koordinate

                    Mit besten Grüßen
                    Andy

                    mickymM 1 Antwort Letzte Antwort
                    0
                    • Damrak2022D Damrak2022

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

                      mickymM Online
                      mickymM Online
                      mickym
                      Most Active
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #3528

                        @mickym Ja, verstanden.

                        Mit besten Grüßen
                        Andy

                        1 Antwort Letzte Antwort
                        0
                        • Damrak2022D Damrak2022

                          @damrak2022 Ach Du meinst X und Y Koordinate

                          mickymM Online
                          mickymM Online
                          mickym
                          Most Active
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #3530

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

                            Mit besten Grüßen
                            Andy

                            mickymM 1 Antwort Letzte Antwort
                            0
                            • Damrak2022D Damrak2022

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

                              mickymM Online
                              mickymM Online
                              mickym
                              Most Active
                              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antworten Letzte Antwort
                                  0
                                  • mickymM mickym

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

                                    Damrak2022D Offline
                                    Damrak2022D Offline
                                    Damrak2022
                                    schrieb am zuletzt editiert von
                                    #3534

                                    @mickym Oh Gott, na gut - Moment

                                    Mit besten Grüßen
                                    Andy

                                    mickymM 1 Antwort Letzte Antwort
                                    0
                                    • Damrak2022D Damrak2022

                                      @mickym Oh Gott, na gut - Moment

                                      mickymM Online
                                      mickymM Online
                                      mickym
                                      Most Active
                                      schrieb am zuletzt editiert von
                                      #3535

                                      @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                                      @mickym Oh Gott, na gut - Moment

                                      Lass Dir ruhig Zeit - lieber exakt und richtig - als schnell und schlampig. ;)

                                      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 Antwort Letzte Antwort
                                      0
                                      • mickymM mickym

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

                                        Damrak2022D Offline
                                        Damrak2022D Offline
                                        Damrak2022
                                        schrieb am zuletzt editiert von Damrak2022
                                        #3536

                                        @mickym Die eckige Klammer [ stellt die Eröffnung eines Array dar. Darauf folgt die geschweifte Klammer (Objekt) mit der Eigenschaft "series". welche wiederum ein Array beinhaltet, welches in A,B,C (topic) unterteilt ist. Ich weiß das der Doppelpunkt da hin muss, kann ihn aber nicht erklären.
                                        Unter data sind die das x und x jeweils die Koordinaten, welche die Chart node benötigt. Die sind jeweils innerhalb eines Objekts was wiederum in einem Array pro serie ist. Ganz zum Schluss wird das erste Array wieder ] geschlossen.

                                        Mit besten Grüßen
                                        Andy

                                        mickymM 1 Antwort Letzte Antwort
                                        0
                                        • Damrak2022D Damrak2022

                                          @mickym Die eckige Klammer [ stellt die Eröffnung eines Array dar. Darauf folgt die geschweifte Klammer (Objekt) mit der Eigenschaft "series". welche wiederum ein Array beinhaltet, welches in A,B,C (topic) unterteilt ist. Ich weiß das der Doppelpunkt da hin muss, kann ihn aber nicht erklären.
                                          Unter data sind die das x und x jeweils die Koordinaten, welche die Chart node benötigt. Die sind jeweils innerhalb eines Objekts was wiederum in einem Array pro serie ist. Ganz zum Schluss wird das erste Array wieder ] geschlossen.

                                          mickymM Online
                                          mickymM Online
                                          mickym
                                          Most Active
                                          schrieb am zuletzt editiert von mickym
                                          #3537

                                          @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                                          Bitte richtig mit Zahlen. Der erste Satz ist zwar richtig . aber dann wirds schlampig.

                                          Ich sehe kein Array mit A,B,C . Ein Array st auch nicht unterteilt sondern enthält ein oder mehrere Elemente. Und was data ist und x und x und die Zeichen dazwischen passt alles nicht.

                                          Bitte wie unten beschrieben jedes Zeichen erklären (gut bei Eigenschaften wie series - darfst Du schreiben es ist eine Eigenschaft als String.=

                                          Also

                                          1. Eckige Klammer - [ ==> Definiert den ersten Datentyp ein Array

                                          2. Geschweifete Klammer - { ==> Definiert das erste Element dieses Arrays - ein Objekt .

                                          3. Was ist der String der folgt . { Legt den Namen der 1. Eigenschaft des Objektes fest, das unter 2. definiert wurde .

                                          4. Was ist der Doppelpunkt

                                          5. Was ist die eckige Klammer [

                                          6. String
                                            6a Eckige Klammer zu.

                                          7. Komma

                                          8. String

                                          9. Doppelpunkt

                                          10. eckige Klammer

                                          11. eckige Klammer

                                          12. $ Zeichen

                                          13. Punkt

                                          14. Geschweifte Klammer

                                          15. String

                                          16. Doppelpunkt

                                          17. Zahl,

                                          18. Komma

                                          19. String

                                          20. Doppelpunkt

                                          21. Zahl

                                          22. Geschweifte Klammer

                                          23. Eckige Klammer

                                          24. Eckige Klammer

                                          25. Geschweifte Klammer

                                          26. Eckige Klammer

                                          Wenn ich Dir nun alle 26 Zeichen aufschreiben konnte, dann kannst Du auch jedes Zeichen erklären.

                                          Kopiere Dir dieser 26 Zeilen und schreibe hinter jeden Punkt die Erklärung.

                                          lerne exakt zu sein.

                                          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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          637

                                          Online

                                          32.4k

                                          Benutzer

                                          81.6k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe