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

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    VIS Background Color mit Datenpunkt steuern

    This topic has been deleted. Only users with topic management privileges can see it.
    • 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
                                        • A
                                          adarof @OliverIO last edited by

                                          @oliverio Stimmt Danke.

                                          val > 0
                                          

                                          wäre sinnvoller (und bei <0 kann es gleich rot werden - FALLS das birektionale Laden mal von VW freigegeben wird und meine Wallbox auch könnte ;-))

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

                                            @OliverIO Zu früh gefreut - Tut auch noch garnicht wie erwartet:
                                            ....doch, tut - man muss nur ne passende Variable nehmen 8-)

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            565
                                            Online

                                            32.0k
                                            Users

                                            80.5k
                                            Topics

                                            1.3m
                                            Posts

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