Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. VIS Background Color mit Datenpunkt steuern

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    209

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

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

VIS Background Color mit Datenpunkt steuern

VIS Background Color mit Datenpunkt steuern

Scheduled Pinned Locked Moved Visualisierung
vis
26 Posts 9 Posters 3.3k Views 6 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • liv-in-skyL liv-in-sky

    @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 Offline
    K Offline
    kaiserm
    wrote on last edited by
    #9

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

    1 Reply Last reply
    0
    • liv-in-skyL 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 Offline
      W Offline
      warp735
      wrote on last edited by warp735
      #10

      @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

      OliverIOO 1 Reply Last reply
      0
      • W 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

        OliverIOO Offline
        OliverIOO Offline
        OliverIO
        wrote on last edited by
        #11

        @warp735 sagte in VIS Background Color mit Datenpunkt steuern:

        webkit-linear-gradient

        sollte so schon funktionieren.
        was funktioniert genau nicht?

        Meine Adapter und Widgets
        TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
        Links im Profil

        W 1 Reply Last reply
        0
        • OliverIOO OliverIO

          @warp735 sagte in VIS Background Color mit Datenpunkt steuern:

          webkit-linear-gradient

          sollte so schon funktionieren.
          was funktioniert genau nicht?

          W Offline
          W Offline
          warp735
          wrote on last edited by warp735
          #12

          @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 👍

          OliverIOO 1 Reply Last reply
          0
          • W 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 👍

            OliverIOO Offline
            OliverIOO Offline
            OliverIO
            wrote on last edited by
            #13

            @warp735
            bindings funktionieren nie im editor nur in der runtime

            Meine Adapter und Widgets
            TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
            Links im Profil

            skvarelS 1 Reply Last reply
            0
            • W Offline
              W Offline
              warp735
              wrote on last edited by
              #14

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

              A 1 Reply Last reply
              0
              • W warp735

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

                A Offline
                A Offline
                adarof
                wrote on last edited by adarof
                #15

                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

                HomoranH 1 Reply Last reply
                0
                • A 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

                  HomoranH Do not disturb
                  HomoranH Do not disturb
                  Homoran
                  Global Moderator Administrators
                  wrote on last edited by
                  #16

                  @adarof sagte in VIS Background Color mit Datenpunkt steuern:

                  Folgender Datenpunkt:

                  bestätige den Wert mal

                  kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                  A 1 Reply Last reply
                  0
                  • HomoranH Homoran

                    @adarof sagte in VIS Background Color mit Datenpunkt steuern:

                    Folgender Datenpunkt:

                    bestätige den Wert mal

                    A Offline
                    A Offline
                    adarof
                    wrote on last edited by
                    #17

                    @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 -

                    HomoranH 2 Replies Last reply
                    0
                    • A adarof

                      @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 -

                      HomoranH Do not disturb
                      HomoranH Do not disturb
                      Homoran
                      Global Moderator Administrators
                      wrote on last edited by Homoran
                      #18

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

                      edit: ist ok so!

                      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                      1 Reply Last reply
                      0
                      • A adarof

                        @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 -

                        HomoranH Do not disturb
                        HomoranH Do not disturb
                        Homoran
                        Global Moderator Administrators
                        wrote on last edited by
                        #19

                        @adarof 🤦

                        falsches Feld!
                        eins tiefer in color!

                        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                        A 1 Reply Last reply
                        0
                        • HomoranH Homoran

                          @adarof 🤦

                          falsches Feld!
                          eins tiefer in color!

                          A Offline
                          A Offline
                          adarof
                          wrote on last edited by
                          #20

                          @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" }
                          
                          OliverIOO 1 Reply Last reply
                          0
                          • A adarof

                            @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" }
                            
                            OliverIOO Offline
                            OliverIOO Offline
                            OliverIO
                            wrote on last edited by
                            #21

                            @adarof

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

                            Meine Adapter und Widgets
                            TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                            Links im Profil

                            A 1 Reply Last reply
                            0
                            • OliverIOO OliverIO

                              @warp735
                              bindings funktionieren nie im editor nur in der runtime

                              skvarelS Offline
                              skvarelS Offline
                              skvarel
                              Developer
                              wrote on last edited by skvarel
                              #22

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

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

                              #TeamInventwo
                              • vis-inventwo & vis-2-widgets-inventwo
                              • vis-icontwo & vis-2-widgets-icontwo

                              1 Reply Last reply
                              0
                              • OliverIOO OliverIO

                                @adarof

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

                                A Offline
                                A Offline
                                adarof
                                wrote on last edited by
                                #23

                                @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
                                0
                                • A adarof

                                  @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 Offline
                                  A Offline
                                  adarof
                                  wrote on last edited by adarof
                                  #24

                                  @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
                                  0
                                  • OliverIOO Offline
                                    OliverIOO Offline
                                    OliverIO
                                    wrote on last edited by
                                    #25

                                    @adarof

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

                                    {val:evcc.0.loadpoint.1.status.chargeCurrent ; parseFloat(val) > 0 ? "#49ff24" : "#ffffff" }
                                    

                                    Meine Adapter und Widgets
                                    TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                                    Links im Profil

                                    A 1 Reply Last reply
                                    0
                                    • OliverIOO OliverIO

                                      @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 Offline
                                      A Offline
                                      adarof
                                      wrote on last edited by
                                      #26

                                      @oliverio Wohu - Ja, Danke - nun täte es auch an dem Datenpunkt (hatte nun aber nen anderen nehmen wollen)

                                      1 Reply Last reply
                                      0
                                      Reply
                                      • Reply as topic
                                      Log in to reply
                                      • Oldest to Newest
                                      • Newest to Oldest
                                      • Most Votes


                                      Support us

                                      ioBroker
                                      Community Adapters
                                      Donate

                                      101

                                      Online

                                      32.4k

                                      Users

                                      81.3k

                                      Topics

                                      1.3m

                                      Posts
                                      Community
                                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                      ioBroker Community 2014-2025
                                      logo
                                      • Login

                                      • Don't have an account? Register

                                      • Login or register to search.
                                      • First post
                                        Last post
                                      0
                                      • Recent
                                      • Tags
                                      • Unread 0
                                      • Categories
                                      • Unreplied
                                      • Popular
                                      • GitHub
                                      • Docu
                                      • Hilfe