Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. VIS Background Color mit Datenpunkt steuern

    NEWS

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    VIS Background Color mit Datenpunkt steuern

    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      micklafisch last edited by

      Hallo,
      ich würde mir da selbst via "quick&dirty" helfen, indem ich das Widget zwei mal in der Vis habe. Einmal mit grün und einmal mit roten Hintergrund. Unter "Sichtbarkeit" dann entsprechend den Datenpunkt auswerten und nur die Farbe anzeigen lassen die korrekt zum Datenpunkt ist.

      Das ganze geht bestimmt auch schöner und eleganter, aber meine Version geht auch 😊

      1 Reply Last reply Reply Quote 0
      • arteck
        arteck Developer Most Active @kaiserm last edited by

        @kaiserm binding ist hier das stichwort

        K 1 Reply Last reply Reply Quote 1
        • K
          kaiserm @arteck last edited by

          @arteck Bahnhof? 🙂

          liv-in-sky 1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @kaiserm last edited by liv-in-sky

            @kaiserm

            wenn du das hier in der vis in ein feld einträgst ( mit deinen parametern) benutzt du das sog. binding

            {val:javascript.0.ProofingDatapoints.RunSuccessful; val == "true"  ?   "#5A5555":  "#000000"}
            

            übersetzt: wenn der datenpunkt "javascript.0.ProofingDatapoints.RunSuccessful" true ist, nutze #5A5555 sonst #000000

            Image 1.png

            test2.gif

            https://github.com/ioBroker/ioBroker.vis

            W 1 Reply Last reply Reply Quote 2
            • K
              kaiserm last edited by

              @liv-in-sky said in VIS Background Color mit Datenpunkt steuern:

              {val:javascript.0.ProofingDatapoints.RunSuccessful; val == "true" ? "#5A5555": "#000000"}

              Mega. Vielen Dank.
              Funktioniert einwandfrei.

              Gibt es irgendwo eine Übersicht über die ganzen Bindings, wenn ich z.B. Text ändern, Bilder wechseln,... möchte?

              LG Martin

              liv-in-sky 1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @kaiserm last edited by

                @kaiserm im link unter dem animated bild sind offizielle angaben

                ansonsten würd ich dir empfehlen - einfach ausprobieren - die syntax ist ja eigentlich immer ähnlich

                oder im forum suchen

                K 1 Reply Last reply Reply Quote 0
                • K
                  kaiserm @liv-in-sky last edited by

                  @liv-in-sky Alles klaro. Danke Dir.

                  1 Reply Last reply Reply Quote 0
                  • W
                    warp735 @liv-in-sky last edited by warp735

                    @liv-in-sky

                    Ich hab aktuell folgendes laufen, was auch gut funktioniert:

                    -webkit-linear-gradient(-45deg, #ffd633 0%,#ffcc00 100%)
                    

                    Nun möchte ich den gradienten behalten, aber je nach Datenpunkt die Farbe wechseln. Folgendes funktioniert aber leider nicht:

                    {val:modbus.0.holdingRegisters.1080_ETA_Schalter; val == "1802" ? "-webkit-linear-gradient(-45deg, #ffd633 0% , #ffcc00 100%)" : "-webkit-linear-gradient(-45deg, red 0% , blue 100%)"} 
                    

                    Geht das garnicht, wie ich mir das vorstelle?

                    Grüßle

                    OliverIO 1 Reply Last reply Reply Quote 0
                    • OliverIO
                      OliverIO @warp735 last edited by

                      @warp735 sagte in VIS Background Color mit Datenpunkt steuern:

                      webkit-linear-gradient

                      sollte so schon funktionieren.
                      was funktioniert genau nicht?

                      W 1 Reply Last reply Reply Quote 0
                      • W
                        warp735 @OliverIO last edited by warp735

                        @oliverio
                        Er zeigt überhaupt keine Farbe an 😞

                        EDIT: Kommando zurück. Es funktioniert tatsächlich. Allerdings nicht im Editor. Wenn ich die VIS lade sieht es super aus.
                        Vielen Dank 👍

                        OliverIO 1 Reply Last reply Reply Quote 0
                        • OliverIO
                          OliverIO @warp735 last edited by

                          @warp735
                          bindings funktionieren nie im editor nur in der runtime

                          skvarel 1 Reply Last reply Reply Quote 0
                          • W
                            warp735 last edited by

                            @oliverio
                            Was das editieren der VIS natürlich erheblich erschwert. Muss man dann halt erst zum Schluss setzen

                            A 1 Reply Last reply Reply Quote 0
                            • A
                              adarof @warp735 last edited by adarof

                              Hallo
                              Ich versuche gerade irgendwie die Bindings zum laufen zu bekommen - aber scheitere einfach an dem einfachsten Beispiel.
                              Hat jemand eine idee?
                              Folgender Datenpunkt:
                              e5169399-2347-4749-85b9-0feafe1f4f63-image.png
                              datenunkt per Copy aus dem Objekt-Browser:

                              0_userdata.0.Test
                              

                              Und folgende VIS html widget mit Background-"Binding":
                              0459db5b-4b09-49cc-97fc-2f972aacf12d-image.png
                              Wobei "background" folgenden Wert hat:

                              {val:0_userdata.0.Test ; val ==  0 ? "#5A5555": "#ff0000"}
                              

                              (Ja, in dem Vis Mode (nicht Editor) tut es auch nicht - der Hintergrund bleibt weiss, wie im Editor)

                              Muss ich das Feature "Binding" noch irgendwie EINschalten oder so? Denke ich hab ganz am Anfang was nicht verstanden ...

                              gruss - Adarof

                              Homoran 1 Reply Last reply Reply Quote 0
                              • Homoran
                                Homoran Global Moderator Administrators @adarof last edited by

                                @adarof sagte in VIS Background Color mit Datenpunkt steuern:

                                Folgender Datenpunkt:

                                bestätige den Wert mal

                                A 1 Reply Last reply Reply Quote 0
                                • A
                                  adarof @Homoran last edited by

                                  @homoran
                                  Keine Änderung
                                  ff5c8e34-16e3-44ff-9d36-963bfe6f1828-image.png
                                  ergibt immernoch
                                  ffa2dfad-a472-49ea-875b-2f7cc692e2fd-image.png
                                  ...und ich erwarte ja, dass egal ob if oder else eine Farbe gesetzt wird.

                                  Gruss -

                                  Homoran 2 Replies Last reply Reply Quote 0
                                  • Homoran
                                    Homoran Global Moderator Administrators @adarof last edited by Homoran

                                    @adarof warum hast du die Farbe in Anführungszeichen?

                                    edit: ist ok so!

                                    1 Reply Last reply Reply Quote 0
                                    • Homoran
                                      Homoran Global Moderator Administrators @adarof last edited by

                                      @adarof 🤦

                                      falsches Feld!
                                      eins tiefer in color!

                                      A 1 Reply Last reply Reply Quote 0
                                      • A
                                        adarof @Homoran last edited by

                                        @homoran Ahh - Danke; das wars. Nun tut das Test Widget. Dankeschön 🙂
                                        Das hatte ich in den Dokus anders verstanden - und eigentlich auch ausprobiert ... nun kommt das ABER:
                                        Bei mir tut das nur mit Anführungsstrichen um die Farbe selber-- und die Kombi (Feld -color mit Anführungszeichen) hab ich hoffensichtlich gestern nicht probiert vor meiner Hilfssuche ✌

                                        Und schon tut es auch, was es soll im eigentlichen Anwendungsfall:
                                        55e4123d-7b85-4711-bdbb-ddb83ac8df97-image.png
                                        (eAuto ist bei 80% geladen und lädt gerade mit 4.6kWh weiter)
                                        Wird gemacht bei mir durch:

                                        {val:evcc.0.loadpoint.1.status.chargeCurrent ; val >=  0 ? "#49ff24" : "#ffffff" }
                                        
                                        OliverIO 1 Reply Last reply Reply Quote 0
                                        • OliverIO
                                          OliverIO @adarof last edited by

                                          @adarof

                                          Wird die chargecurrent jemals unter 0 fallen? Also bspw -10?

                                          A 1 Reply Last reply Reply Quote 0
                                          • skvarel
                                            skvarel Developer @OliverIO last edited by skvarel

                                            @oliverio .. doch, bei unseren inventwo Widgets. Das hat jkvarel extra einprogrammiert

                                            .... bezieht sich auf "bindings funktionieren nie im editor nur in der runtime"

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            508
                                            Online

                                            32.2k
                                            Users

                                            80.8k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            9
                                            26
                                            3147
                                            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