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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • 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.
    • 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
                                          • OliverIO
                                            OliverIO last edited by

                                            @adarof

                                            Und ich vermute mal, dass da kein number, sondern string ankommt

                                            {val:evcc.0.loadpoint.1.status.chargeCurrent ; parseFloat(val) > 0 ? "#49ff24" : "#ffffff" }
                                            
                                            A 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            392
                                            Online

                                            31.9k
                                            Users

                                            80.3k
                                            Topics

                                            1.3m
                                            Posts

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