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

NEWS

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

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

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

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
1.1k Beiträge 21 Kommentatoren 350.4k Aufrufe 18 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.
  • 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.
    ;)

    Smilie108S Offline
    Smilie108S Offline
    Smilie108
    schrieb am zuletzt editiert von
    #135

    @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

    W WalW 2 Antworten Letzte Antwort
    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

      W Offline
      W Offline
      Worlik
      schrieb am zuletzt editiert von
      #136

      @smilie108 Bei formula muss für das Binding einfach das hier eingetragen werden:

      ~~__0

      Das rundet dir den Wert aus dem Binding. Die beiden ~~ sind dabei so üblich in JavaScript.

      Smilie108S 1 Antwort Letzte Antwort
      1
      • W Worlik

        @smilie108 Bei formula muss für das Binding einfach das hier eingetragen werden:

        ~~__0

        Das rundet dir den Wert aus dem Binding. Die beiden ~~ sind dabei so üblich in JavaScript.

        Smilie108S Offline
        Smilie108S Offline
        Smilie108
        schrieb am zuletzt editiert von Smilie108
        #137

        @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 1 Antwort Letzte Antwort
        0
        • 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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          1
          • Smilie108S Offline
            Smilie108S Offline
            Smilie108
            schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
            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 Offline
              WalW Offline
              Wal
              Developer
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  0
                  • jogibear9988J Offline
                    jogibear9988J Offline
                    jogibear9988
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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 Offline
                            WalW Offline
                            Wal
                            Developer
                            schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    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 Offline
                                      WalW Offline
                                      Wal
                                      Developer
                                      schrieb am zuletzt editiert von
                                      #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 Antworten Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 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

                                          838

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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