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. neue Visualisierung "webui" (alternative zu vis & vis-2)

NEWS

  • 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.8k

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

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

Scheduled Pinned Locked Moved Visualisierung
1.1k Posts 21 Posters 347.8k Views 18 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.
  • Smilie108S 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

    jogibear9988J Offline
    jogibear9988J Offline
    jogibear9988
    wrote on last edited by
    #138

    @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

    Check my ioBroker webui - a vis alternative
    see: https://github.com/iobroker-community-adapters/ioBroker.webui

    1 Reply Last reply
    1
    • Smilie108S Offline
      Smilie108S Offline
      Smilie108
      wrote on last edited by Smilie108
      #139

      @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

      jogibear9988J 2 Replies Last reply
      0
      • Smilie108S Smilie108

        @wal
        Hi hast du da was gefunden wegen min max werten ?
        Ich glaub ich steh da auch auf dem Schlauch.
        Die Visu gefällt mir aber es ist momentan noch für mich sehr aufwendig zu suchen wo was geht bzw. wo was zum einstellen ist.
        😉

        Update: Einstellungen gefunden die muss man erst anlegen.
        @jogibear9988
        gibt es eine möglichkeit beim binding auch einen wert zu runden?
        habe es mit math round fixto probiert aber bekomme es nicht hin. Eventuell geb ich es auch am falschen ort ein ??
        Da ich immer alle werte möglichst nur einmal in ne variabel schreibe will ich eigentliche eine grötmögliche auflösung bereitstellen allerdings ist das dann wieder für die Visu hinderlich. Bei der vis konnte man einfach angeben wieviel kommastellen man will.

        Danke für eine info im voraus 😉
        Smilie108

        WalW Online
        WalW Online
        Wal
        Developer
        wrote on last edited by
        #140

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

        Gruß
        Walter

        DoorIO-Adapter
        wioBrowser-Adapter und wioBrowser

        jogibear9988J 1 Reply Last reply
        0
        • WalW Wal

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

          jogibear9988J Offline
          jogibear9988J Offline
          jogibear9988
          wrote on last edited by
          #141

          @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

          Check my ioBroker webui - a vis alternative
          see: https://github.com/iobroker-community-adapters/ioBroker.webui

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

            jogibear9988J Offline
            jogibear9988J Offline
            jogibear9988
            wrote on last edited by
            #142

            @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

            Check my ioBroker webui - a vis alternative
            see: https://github.com/iobroker-community-adapters/ioBroker.webui

            1 Reply Last reply
            0
            • jogibear9988J Offline
              jogibear9988J Offline
              jogibear9988
              wrote on last edited by jogibear9988
              #143

              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

              Check my ioBroker webui - a vis alternative
              see: https://github.com/iobroker-community-adapters/ioBroker.webui

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

                jogibear9988J Offline
                jogibear9988J Offline
                jogibear9988
                wrote on last edited by
                #144

                @smilie108

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

                Check my ioBroker webui - a vis alternative
                see: https://github.com/iobroker-community-adapters/ioBroker.webui

                Smilie108S 1 Reply Last reply
                0
                • jogibear9988J jogibear9988

                  @smilie108

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

                  Smilie108S Offline
                  Smilie108S Offline
                  Smilie108
                  wrote on last edited by Smilie108
                  #145

                  @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

                  jogibear9988J WalW B 3 Replies Last reply
                  0
                  • Smilie108S 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

                    jogibear9988J Offline
                    jogibear9988J Offline
                    jogibear9988
                    wrote on last edited by
                    #146

                    @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

                    Check my ioBroker webui - a vis alternative
                    see: https://github.com/iobroker-community-adapters/ioBroker.webui

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

                      WalW Online
                      WalW Online
                      Wal
                      Developer
                      wrote on last edited by Wal
                      #147

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

                      Gruß
                      Walter

                      DoorIO-Adapter
                      wioBrowser-Adapter und wioBrowser

                      Smilie108S jogibear9988J 2 Replies Last reply
                      0
                      • Smilie108S 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

                        B Offline
                        B Offline
                        Blockmove
                        wrote on last edited by
                        #148

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

                        The difference beetween Man and Boys:
                        The price of their toys 😀

                        jogibear9988J 1 Reply Last reply
                        0
                        • WalW 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.

                          Smilie108S Offline
                          Smilie108S Offline
                          Smilie108
                          wrote on last edited by
                          #149

                          @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
                          0
                          • WalW 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.

                            jogibear9988J Offline
                            jogibear9988J Offline
                            jogibear9988
                            wrote on last edited by
                            #150

                            @wal

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

                            Check my ioBroker webui - a vis alternative
                            see: https://github.com/iobroker-community-adapters/ioBroker.webui

                            1 Reply Last reply
                            0
                            • B Blockmove

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

                              jogibear9988J Offline
                              jogibear9988J Offline
                              jogibear9988
                              wrote on last edited by
                              #151

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

                              Check my ioBroker webui - a vis alternative
                              see: https://github.com/iobroker-community-adapters/ioBroker.webui

                              WalW 1 Reply Last reply
                              1
                              • jogibear9988J jogibear9988

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

                                WalW Online
                                WalW Online
                                Wal
                                Developer
                                wrote on last edited by
                                #152

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

                                webui.jpg

                                Gruß
                                Walter

                                DoorIO-Adapter
                                wioBrowser-Adapter und wioBrowser

                                jogibear9988J 2 Replies Last reply
                                0
                                • WalW Wal

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

                                  webui.jpg

                                  jogibear9988J Offline
                                  jogibear9988J Offline
                                  jogibear9988
                                  wrote on last edited by
                                  #153

                                  @wal

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

                                  Check my ioBroker webui - a vis alternative
                                  see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                  jogibear9988J 1 Reply Last reply
                                  0
                                  • jogibear9988J jogibear9988

                                    @wal

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

                                    jogibear9988J Offline
                                    jogibear9988J Offline
                                    jogibear9988
                                    wrote on last edited by
                                    #154

                                    @jogibear9988

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

                                    Check my ioBroker webui - a vis alternative
                                    see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                    1 Reply Last reply
                                    0
                                    • WalW Wal

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

                                      webui.jpg

                                      jogibear9988J Offline
                                      jogibear9988J Offline
                                      jogibear9988
                                      wrote on last edited by
                                      #155

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

                                      Check my ioBroker webui - a vis alternative
                                      see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                      WalW 1 Reply Last reply
                                      0
                                      • jogibear9988J jogibear9988

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

                                        WalW Online
                                        WalW Online
                                        Wal
                                        Developer
                                        wrote on last edited by
                                        #156

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

                                        Gruß
                                        Walter

                                        DoorIO-Adapter
                                        wioBrowser-Adapter und wioBrowser

                                        jogibear9988J Smilie108S 2 Replies Last reply
                                        0
                                        • WalW Wal

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

                                          jogibear9988J Offline
                                          jogibear9988J Offline
                                          jogibear9988
                                          wrote on last edited by
                                          #157

                                          @wal

                                          du kannst auch im binding in der "formula" umrechnen, siehe hier: https://forum.iobroker.net/post/1092710

                                          Check my ioBroker webui - a vis alternative
                                          see: https://github.com/iobroker-community-adapters/ioBroker.webui

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          672

                                          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