Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. neue Visualisierung "webui" (alternative zu vis & vis-2)

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    neue Visualisierung "webui" (alternative zu vis & vis-2)

    This topic has been deleted. Only users with topic management privileges can see it.
    • jogibear9988
      jogibear9988 @Blockmove last edited by

      @blockmove said in neue Visualisierung "webui" (alternative zu vis):

      @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

      @blockmove said in neue Visualisierung "webui" (alternative zu vis):

      Hallo Jochen,
      ich hab gerade angefangen das Thema Bindings im Wiki zu beschreiben.
      Als simples Beispiel wollte ich einfach eine Zahl addieren:

      BindingAdd.png

      Funktioniert aber nicht. Die 3 wird als Zeichen bzw. String genommen und angehängt.
      Subtraktion, Multiplikation, Division funktionieren wie erwartet.

      webui Version 1.0.22

      VG
      Dieter

      geht bei mir genau so wie du es hier zeigst

      Bin nun dahintergekommen 😁

      Ich hab zum Testen mehrere Input-Felder für den gleichen Datenpunkt auf einem Screen

      BindingAddInput.png

      Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

      versteh ich nicht, wieso macht es mit mehreren probleme?
      Habs gerade versucht, dachte er ruft dann das changed durch die wertänderung auf, aber scheint das wird nur durch die UI getriggert, daher sollte es ja gehen

      B 1 Reply Last reply Reply Quote 0
      • B
        Blockmove @jogibear9988 last edited by

        @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

        Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

        versteh ich nicht, wieso macht es mit mehreren probleme?
        Habs gerade versucht, dachte er ruft dann das changed durch die wertänderung auf, aber scheint das wird nur durch die UI getriggert, daher sollte es ja gehen

        Und warum nur bei einem "+". Andere Rechenoperationen funktionieren.

        jogibear9988 1 Reply Last reply Reply Quote 0
        • jogibear9988
          jogibear9988 @Blockmove last edited by

          @blockmove said in neue Visualisierung "webui" (alternative zu vis):

          @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

          Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

          versteh ich nicht, wieso macht es mit mehreren probleme?
          Habs gerade versucht, dachte er ruft dann das changed durch die wertänderung auf, aber scheint das wird nur durch die UI getriggert, daher sollte es ja gehen

          Und warum nur bei einem "+". Andere Rechenoperationen funktionieren.

          kannst mir das in einen screen auf dem beisielserver packen? dann schau ich

          B 1 Reply Last reply Reply Quote 0
          • B
            Blockmove @jogibear9988 last edited by Blockmove

            @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

            @blockmove said in neue Visualisierung "webui" (alternative zu vis):

            @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

            Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

            versteh ich nicht, wieso macht es mit mehreren probleme?
            Habs gerade versucht, dachte er ruft dann das changed durch die wertänderung auf, aber scheint das wird nur durch die UI getriggert, daher sollte es ja gehen

            Und warum nur bei einem "+". Andere Rechenoperationen funktionieren.

            kannst mir das in einen screen auf dem beisielserver packen? dann schau ich

            Ich hab's mal versucht bei dir nachzustellen. Aber auf dem Testserver funktioniert.
            Du hast aber noch 1.0.21 drauf. Ich hab auf meinen 2 Rechnern 1.0.22.

            Ergänzung: Hab jetzt auf einen Rechner zurück auf 1.0.21.
            Damit lässt sich das Verhalten nicht mehr nachstellen. Also wie auf deinem Testserver.

            jogibear9988 1 Reply Last reply Reply Quote 0
            • jogibear9988
              jogibear9988 @Blockmove last edited by

              @blockmove said in neue Visualisierung "webui" (alternative zu vis):

              @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

              @blockmove said in neue Visualisierung "webui" (alternative zu vis):

              @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

              Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

              versteh ich nicht, wieso macht es mit mehreren probleme?
              Habs gerade versucht, dachte er ruft dann das changed durch die wertänderung auf, aber scheint das wird nur durch die UI getriggert, daher sollte es ja gehen

              Und warum nur bei einem "+". Andere Rechenoperationen funktionieren.

              kannst mir das in einen screen auf dem beisielserver packen? dann schau ich

              Ich hab's mal versucht bei dir nachzustellen. Aber auf dem Testserver funktioniert.
              Du hast aber noch 1.0.21 drauf. Ich hab auf meinen 2 Rechnern 1.0.22.

              Ergänzung: Hab jetzt auf einen Rechner zurück auf 1.0.21.
              Damit lässt sich das Verhalten nicht mehr nachstellen. Also wie auf deinem Testserver.

              hab geupdatet, wie heißt der screen?

              B 1 Reply Last reply Reply Quote 0
              • B
                Blockmove @jogibear9988 last edited by

                @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

                versteh ich nicht, wieso macht es mit mehreren probleme?
                Habs gerade versucht, dachte er ruft dann das changed durch die wertänderung auf, aber scheint das wird nur durch die UI getriggert, daher sollte es ja gehen

                Und warum nur bei einem "+". Andere Rechenoperationen funktionieren.

                kannst mir das in einen screen auf dem beisielserver packen? dann schau ich

                Ich hab's mal versucht bei dir nachzustellen. Aber auf dem Testserver funktioniert.
                Du hast aber noch 1.0.21 drauf. Ich hab auf meinen 2 Rechnern 1.0.22.

                Ergänzung: Hab jetzt auf einen Rechner zurück auf 1.0.21.
                Damit lässt sich das Verhalten nicht mehr nachstellen. Also wie auf deinem Testserver.

                hab geupdatet, wie heißt der screen?
                /blockmove/inputbinding

                jogibear9988 1 Reply Last reply Reply Quote 0
                • jogibear9988
                  jogibear9988 @Blockmove last edited by

                  @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                  @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                  @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                  @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                  @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                  @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                  Damit trit das Problem auf. Mit einem einzelnen Input für den DP funktioniert alles wie gewohnt.

                  versteh ich nicht, wieso macht es mit mehreren probleme?
                  Habs gerade versucht, dachte er ruft dann das changed durch die wertänderung auf, aber scheint das wird nur durch die UI getriggert, daher sollte es ja gehen

                  Und warum nur bei einem "+". Andere Rechenoperationen funktionieren.

                  kannst mir das in einen screen auf dem beisielserver packen? dann schau ich

                  Ich hab's mal versucht bei dir nachzustellen. Aber auf dem Testserver funktioniert.
                  Du hast aber noch 1.0.21 drauf. Ich hab auf meinen 2 Rechnern 1.0.22.

                  Ergänzung: Hab jetzt auf einen Rechner zurück auf 1.0.21.
                  Damit lässt sich das Verhalten nicht mehr nachstellen. Also wie auf deinem Testserver.

                  hab geupdatet, wie heißt der screen?
                  /blockmove/inputbinding

                  okay, hab nen typo, baue gerade neues release

                  B 1 Reply Last reply Reply Quote 2
                  • Smilie108
                    Smilie108 last edited by Smilie108

                    Mhm
                    hab das ja jetzt laufen mit

                    let obj = JSON.parse(__0);
                    let graph = obj.graphs[0];
                    let result = [];
                     for (let d of obj.graphs[0].data) {
                           result.push([d.y, d.t])}
                    return result;
                    

                    wenn ich allerdings

                     result.push([d.y, formatDate(d.t , "DD MMM YYYY hh:mm")])}
                    

                    mache dann bekomme ich wieder keiune anzeige beim javasript beokmme ich folgende RM

                    avascript.0 (1205) script.js.test.testscript_graph: [ [ 6.867, '21-01-2024 00:00' ], [ 5.783, '21-01-2024 01:00' ], [ 5.515, '21-01-2024 02:00' ], [ 5.089, '21-01-2024 03:00' ], [ 5.137, '21-01-2024 04:00' ], [ 5.501, '21-01-2024 05:00' ], [ 5.429, '21-01-2024 06:00' ], [ 6.005, '21-01-2024 07:00' ], [ 6.312, '21-01-2024 08:00' ], [ 5.876, '21-01-2024 09:00' ], [ 5.464, '21-01-2024 10:00' ], [ 5.307, '21-01-2024 11:00' ], [ 4.695, '21-01-2024 12:00' ], [ 4.66, '21-01-2024 13:00' ], [ 5.435, '21-01-2024 14:00' ], [ 6.474, '21-01-2024 15:00' ], [ 7.868, '21-01-2024 16:00' ], [ 8.198, '21-01-2024 17:00' ], [ 8.6, '21-01-2024 18:00' ], [ 8.216, '21-01-2024 19:00' ], [ 7.867, '21-01-2024 20:00' ], [ 6.409, '21-01-2024 21:00' ], [ 6.384, '21-01-2024 22:00' ], [ 5.868, '21-01-2024 23:00' ], [ 5.868, '22-01-2024 00:00' ] ]
                    

                    kann es sein das das js chart die ' nicht mag ?
                    die bekomme ich aber nicht weg
                    und toLocaleString() geht ja nicht

                    jogibear9988 1 Reply Last reply Reply Quote 0
                    • jogibear9988
                      jogibear9988 @Smilie108 last edited by

                      @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                      Mhm
                      hab das ja jetzt laufen mit

                      let obj = JSON.parse(__0);
                      let graph = obj.graphs[0];
                      let result = [];
                       for (let d of obj.graphs[0].data) {
                             result.push([d.y, d.t])}
                      return result;
                      

                      wenn ich allerdings

                       result.push([d.y, formatDate(d.t , "DD MMM YYYY hh:mm")])}
                      

                      mache dann bekomme ich wieder keiune anzeige beim javasript beokmme ich folgende RM

                      avascript.0 (1205) script.js.test.testscript_graph: [ [ 6.867, '21-01-2024 00:00' ], [ 5.783, '21-01-2024 01:00' ], [ 5.515, '21-01-2024 02:00' ], [ 5.089, '21-01-2024 03:00' ], [ 5.137, '21-01-2024 04:00' ], [ 5.501, '21-01-2024 05:00' ], [ 5.429, '21-01-2024 06:00' ], [ 6.005, '21-01-2024 07:00' ], [ 6.312, '21-01-2024 08:00' ], [ 5.876, '21-01-2024 09:00' ], [ 5.464, '21-01-2024 10:00' ], [ 5.307, '21-01-2024 11:00' ], [ 4.695, '21-01-2024 12:00' ], [ 4.66, '21-01-2024 13:00' ], [ 5.435, '21-01-2024 14:00' ], [ 6.474, '21-01-2024 15:00' ], [ 7.868, '21-01-2024 16:00' ], [ 8.198, '21-01-2024 17:00' ], [ 8.6, '21-01-2024 18:00' ], [ 8.216, '21-01-2024 19:00' ], [ 7.867, '21-01-2024 20:00' ], [ 6.409, '21-01-2024 21:00' ], [ 6.384, '21-01-2024 22:00' ], [ 5.868, '21-01-2024 23:00' ], [ 5.868, '22-01-2024 00:00' ] ]
                      

                      kann es sein das das js chart die ' nicht mag ?
                      die bekomme ich aber nicht weg
                      und toLocaleString() geht ja nicht

                      die ' bedeuten in deiner ausgabe ja nur es sind strings... das waren aber vorher zahlen.
                      vlt. machst im frontend was falsch.
                      schreib in die formula "debugger;" rein dann kannst die auch durchsteppen

                      1 Reply Last reply Reply Quote 0
                      • jogibear9988
                        jogibear9988 last edited by

                        äh, formatDate gibts im frontend nicht, das ist eine funktion vom javascript adapter

                        Smilie108 1 Reply Last reply Reply Quote 0
                        • Smilie108
                          Smilie108 @jogibear9988 last edited by Smilie108

                          @jogibear9988
                          ah ok das würde bedeuten ich muss das im javascript aufbereiten in ein objekt schreiben und das dann binden ? probier ich gleich mal dann kannman den timestamp nicht on the fly umwandeln ?

                          B 1 Reply Last reply Reply Quote 0
                          • B
                            Blockmove @Smilie108 last edited by

                            @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                            @jogibear9988
                            ah ok das würde bedeuten ich muss das im javascript aufbereiten in ein objekt schreiben und das dann binden ? probier ich gleich mal dann kannman den timestamp nicht on the fly umwandeln ?

                            Zeit und Datumsfunktion gibt es in Javascript jede Menge.
                            Mit welchem Control willst du die Daten darstellen? In welcher Form erwartet es Zeit und Datum?
                            Als ts ist es einfach ne Zahl, Da kannst du dann evtl. die Zeitzonen-Funktionen brauchen und z.B. einfach den Offset zur UTC draufaddieren.

                            Smilie108 1 Reply Last reply Reply Quote 0
                            • Smilie108
                              Smilie108 @Blockmove last edited by

                              @blockmove eigentlich dachte ich an das chart-js und in der zeitleiste eigentlich 21-01-2024 00:00 usw.
                              muss mich damit aber auch noch außeinandersezten da ich die color von den axen nicht geändert bekomme bzw auch würde ich gerne einheiten anfügen. 😉 mal sehen

                              jogibear9988 1 Reply Last reply Reply Quote 0
                              • jogibear9988
                                jogibear9988 @Smilie108 last edited by

                                @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                                @blockmove eigentlich dachte ich an das chart-js und in der zeitleiste eigentlich 21-01-2024 00:00 usw.
                                muss mich damit aber auch noch außeinandersezten da ich die color von den axen nicht geändert bekomme bzw auch würde ich gerne einheiten anfügen. 😉 mal sehen

                                Die chartjs webcomponente, ist nur ein ganz einfacher wrapper im moment. ChartJS kann viel mehr, was aber alles (noch) nicht in der Komponente ist....
                                https://github.com/node-projects/chart-js-webcomponent
                                Wenn da was erweitert willst, musst das aber selbst einbauen, komme da im Moment nicht dazu

                                Smilie108 1 Reply Last reply Reply Quote 0
                                • Smilie108
                                  Smilie108 @jogibear9988 last edited by

                                  @jogibear9988
                                  soll ich da einen fork machen ? oder soll ich das direkt erweiternn ?

                                  jogibear9988 1 Reply Last reply Reply Quote 0
                                  • jogibear9988
                                    jogibear9988 @Smilie108 last edited by

                                    @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                                    @jogibear9988
                                    soll ich da einen fork machen ? oder soll ich das direkt erweiternn ?

                                    du hast ja eh keinen Zugriff. Forken, erweitern, pull request

                                    1 Reply Last reply Reply Quote 1
                                    • B
                                      Blockmove @jogibear9988 last edited by

                                      @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                      okay, hab nen typo, baue gerade neues release

                                      Hab jetzt auf die 1.0.25 geupdatet.
                                      Sieht bislang gut aus 👍

                                      Im Lauf der Woche hoffe ich dass ich Zeit finde am Wiki weiter zu machen.

                                      Smilie108 1 Reply Last reply Reply Quote 0
                                      • Smilie108
                                        Smilie108 @Blockmove last edited by

                                        @blockmove
                                        Sorry hab bei dem wiki vom two-way geleich noch das hinzugefügt das wenn der typ ausgewählt wird nur der zahlenwert übertragen wird. Denke das gehört da dazu und wusste nicht ob du das mitbekommen hattest.

                                        B jogibear9988 2 Replies Last reply Reply Quote 1
                                        • B
                                          Blockmove @Smilie108 last edited by

                                          @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                                          @blockmove
                                          Sorry hab bei dem wiki vom two-way geleich noch das hinzugefügt das wenn der typ ausgewählt wird nur der zahlenwert übertragen wird. Denke das gehört da dazu und wusste nicht ob du das mitbekommen hattest.

                                          Hab es nicht mitbekommen, ist aber ok.
                                          Ich bin gestern beim Erstellen von Screenshots für das Wiki eben auf die Probleme mit 1.0.22 gestoßen und hab daher nicht weitergemacht. Das Schöne an einem Wiki ist ja, dass mehrere daran arbeiten können.
                                          Doku Schreiben ist nun wirklich nicht meine Lieblingstätigkeit, aber webui bietet soviel Möglichkeiten, die sich einem Einsteiger überhaupt nicht erschließen. Gerade auch im Vergleich zu vis und vis 2. Also muß halt eine Doku her.

                                          1 Reply Last reply Reply Quote 0
                                          • jogibear9988
                                            jogibear9988 @Smilie108 last edited by

                                            @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                                            @blockmove
                                            Sorry hab bei dem wiki vom two-way geleich noch das hinzugefügt das wenn der typ ausgewählt wird nur der zahlenwert übertragen wird. Denke das gehört da dazu und wusste nicht ob du das mitbekommen hattest.

                                            Es wird nicht einfach der Zahlenwert übertragen, es wird das als Zahl geparst was Ihr eingebt.

                                            Dh. wenn du im Binding folgende Formel hast:

                                               __0 + 'abcd' 
                                            

                                            und im textfeld steht nach der eingabe

                                               99abcd
                                            

                                            dann kann er das als Zahl Parsen.

                                            Wenn du aber im Binding stehen hast

                                             'abcd' + __0
                                            

                                            und im textfeld steht

                                            abcd99
                                            

                                            kann er es eben nicht parsen, da brauche ich dann eine formula2way was z.b. abcd entfernt, bspw:

                                              value.replaceAll('abcd', '')
                                            

                                            ober man muss z.B. beim eingeben im textfeld immer alles überschreiben.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            572
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            20
                                            1074
                                            263760
                                            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