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.
    • 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
                                          • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            873
                                            Online

                                            32.0k
                                            Users

                                            80.4k
                                            Topics

                                            1.3m
                                            Posts

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