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.
    • Smilie108
      Smilie108 @Worlik last edited by Smilie108

      @worlik
      Danke aber dann rundet er auf eine ganze zahl unzwar noch dazu rundet er ab.
      Hätte gerne auf 2 kommastellen gerundet gehabt.
      Update: mit Math.round(__0 * 100) / 100 in der formula gehts
      und speichern sollte man nicht vergessen 😉
      Gibt es dazu eigentich irgendwo infos wo man nachschauen kann ?

      Danke im voraus

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

        @smilie108

        in formula könnt ihr einfach javascript eingeben. wenn du dort statt

          Math.round(__0 * 100) / 100
        

        nun

         debugger; return Math.round(__0 * 100) / 100;
        

        eingibst, kannst den code sogar debuggen

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

          @jogibear9988
          Noch eine Frage
          Kann man im style zb auch auf objekte zugreifen wie zb.
          stroke-dashoffset: -{v:0_userdata.0.Wärmepumpe.Istwerte.Umwälzpumpe_Soll_%;v >= 10 ? 20 : 0};
          gibt es dazu einen syntax habe hier ein paar animierte lienen zb. die in abhängigkeit vom wert laufen.
          Screenshot 2023-12-09 204813.png

          für zb so eine animation 😉

          Danke für eine kurze info
          Mfg Smilie108

          jogibear9988 2 Replies Last reply Reply Quote 0
          • Wal
            Wal Developer @Smilie108 last edited by

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

            Update: Einstellungen gefunden die muss man erst anlegen.

            Wo ?
            Ich versuche seit Stunden eine node-projects-css-gauge mein 8300l Zisternen Max ohne Erfolg aufzuzwingen.

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

              @wal

              bei der css gauge gibts kein min/max. da ist min=0 und max=100. du kannst ja aber einfach deinen wert umrechnen im binding

              d67f62f9-3f45-4c36-8dea-c1013412854a-image.png

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

                @smilie108

                schau in meiner beispiel visu: http://129.159.205.3:8082/webui/index.html
                im screen dashOffset.

                gibts gerade noch ein paar probleme in der ui:
                1.) dashoffset war nicht in der property liste
                2.) wenn man sie unter "styles" angelegt hat, und ein binding erzeugt hat, hat er ein binding auf eine property und nicht auf css erzeugt.

                Die 2 dinge fixe ich. Aber nutzen kann man es trotzdem schon

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

                  neue version ist gepusht.
                  damit solltest du im "styles" view die css properties binden können. Und bei svg's sollte dashoffset in der liste sein

                  afb3e2d8-bd1a-4d6d-92c7-b32ef2cc3c02-image.png

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

                    @smilie108

                    wenn du so einen view fertig hast, wäre es cool wenn du ihn in das beispiel system einbinden würdest

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

                      @jogibear9988
                      😉 sorry das is noch vis-2 aber wollte eben versuchen das so ähnlich in ui zu machen der es gewisse vorteile hätte 😉 Wenn ich soweit bin dann gerne derzeit
                      Screenshot 2023-12-10 045058.png

                      @Wal Screenshot 2023-12-10 045051.png
                      Da must du zb scale-start usw selbst anlegen die sind nicht drin wenn den reinziehst 😉
                      zb infos zu dieser Gauge https://github.com/smontanus/dial-gauge

                      jogibear9988 Wal B 3 Replies Last reply Reply Quote 0
                      • jogibear9988
                        jogibear9988 @Smilie108 last edited by

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

                        zb infos zu dieser Gauge https://github.com/smontanus/dial-gauge

                        i've added a bug report there: https://github.com/smontanus/dial-gauge/issues/1

                        jogibear9988 created this issue in smontanus/dial-gauge

                        closed Small issues using it in a designer #1

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

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

                          Da must du zb scale-start usw selbst anlegen die sind nicht drin wenn den reinziehst

                          Diese Gauge funktioniert ja auch, ich bekomme es nur mit der node-webcomponents-css-gauge nicht hin.
                          Hätte das Teil gerne wie im Demo anstatt 50-150 -> 0-8300.

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

                            @jogibear9988

                            Screenshot 2023-12-10 045051.png
                            Da must du zb scale-start usw selbst anlegen die sind nicht drin wenn den reinziehst 😉
                            zb infos zu dieser Gauge https://github.com/smontanus/dial-gauge

                            Mal ne Frage von nem Laien:
                            Automatisiert kann man das bei Webkomponenten nicht anlegen?

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

                              @wal
                              Schau mal in den code ich glaube da war was drin mit min und max. Bin aber grad unterwegs kann daher nicht nachschauen
                              Schau dann wenn ich wieder am oc sitz nach.
                              mfg smilie108

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

                                @wal

                                die kann das nicht.
                                node-webcomponents-css-gauge kann nur 0-100 aber du kannst das ja einfach umrechnen

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

                                  @blockmove

                                  es gibt eine customelements.json, in der steht welche properties und attribute es gibt. Und in der custom-elements.json der dial gauge, fehlt eben die zuordnung welche Property zu welchem attribut gehört.

                                  Ich hab dafür dort ein pull req. gemacht.

                                  Bei Frameworks wie polymer, lit oder z.B. meiner BaseCustomWebcomponent gibt es in der Komponente eine Liste der Properties & Attribute, daher geht es dort auch ohne customelements.json, aber bei anderen brauche ich diese.

                                  Wal 1 Reply Last reply Reply Quote 1
                                  • Wal
                                    Wal Developer @jogibear9988 last edited by

                                    @jogibear9988 ,
                                    kannst du die Logstufe bei Änderungen von Objektwerten auf debug ändern, das Protokoll läuft ziemlich voll.

                                    webui.jpg

                                    jogibear9988 2 Replies Last reply Reply Quote 0
                                    • jogibear9988
                                      jogibear9988 @Wal last edited by

                                      @wal

                                      kp. ich wüsste nicht wo ich das logge. state change geht ja gar nicht über meinen adapter.

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

                                        @jogibear9988

                                        uuups.... ist doch bei mir, ich mach das raus

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

                                          @wal
                                          warum legst du die states eig. unter webui an?

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

                                            @jogibear9988 ,
                                            weil ich den nur für webui nutze, ist die Umrechnung von Liter auf Prozent für die Gauge.

                                            jogibear9988 Smilie108 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            966
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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