Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. VIS Background Color mit Datenpunkt steuern

NEWS

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.4k

VIS Background Color mit Datenpunkt steuern

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
26 Beiträge 9 Kommentatoren 3.4k Aufrufe 6 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von 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 :+1:

        OliverIOO 1 Antwort Letzte Antwort
        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 :+1:

          OliverIOO Offline
          OliverIOO Offline
          OliverIO
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • W Offline
            W Offline
            warp735
            schrieb am zuletzt editiert von
            #14

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

            A 1 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              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 Nicht stören
                HomoranH Nicht stören
                Homoran
                Global Moderator Administrators
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                0
                • HomoranH Homoran

                  @adarof sagte in VIS Background Color mit Datenpunkt steuern:

                  Folgender Datenpunkt:

                  bestätige den Wert mal

                  A Offline
                  A Offline
                  adarof
                  schrieb am zuletzt editiert von
                  #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 Antworten Letzte Antwort
                  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 Nicht stören
                    HomoranH Nicht stören
                    Homoran
                    Global Moderator Administrators
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    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 Nicht stören
                      HomoranH Nicht stören
                      Homoran
                      Global Moderator Administrators
                      schrieb am zuletzt editiert von
                      #19

                      @adarof :face_palm:

                      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 Antwort Letzte Antwort
                      0
                      • HomoranH Homoran

                        @adarof :face_palm:

                        falsches Feld!
                        eins tiefer in color!

                        A Offline
                        A Offline
                        adarof
                        schrieb am zuletzt editiert von
                        #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 :v:

                        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 Antwort Letzte Antwort
                        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 :v:

                          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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • OliverIOO OliverIO

                            @warp735
                            bindings funktionieren nie im editor nur in der runtime

                            skvarelS Online
                            skvarelS Online
                            skvarel
                            Developer
                            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                            0
                            • OliverIOO OliverIO

                              @adarof

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

                              A Offline
                              A Offline
                              adarof
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von adarof
                                #24

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

                                1 Antwort Letzte Antwort
                                0
                                • OliverIOO Offline
                                  OliverIOO Offline
                                  OliverIO
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #26

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

                                    1 Antwort Letzte Antwort
                                    0
                                    Antworten
                                    • In einem neuen Thema antworten
                                    Anmelden zum Antworten
                                    • Älteste zuerst
                                    • Neuste zuerst
                                    • Meiste Stimmen


                                    Support us

                                    ioBroker
                                    Community Adapters
                                    Donate

                                    854

                                    Online

                                    32.4k

                                    Benutzer

                                    81.6k

                                    Themen

                                    1.3m

                                    Beiträge
                                    Community
                                    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                    ioBroker Community 2014-2025
                                    logo
                                    • Anmelden

                                    • Du hast noch kein Konto? Registrieren

                                    • Anmelden oder registrieren, um zu suchen
                                    • Erster Beitrag
                                      Letzter Beitrag
                                    0
                                    • Home
                                    • Aktuell
                                    • Tags
                                    • Ungelesen 0
                                    • Kategorien
                                    • Unreplied
                                    • Beliebt
                                    • GitHub
                                    • Docu
                                    • Hilfe