Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    7
    1
    277

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    9
    1
    258

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    908

VIS Background Color mit Datenpunkt steuern

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
26 Beiträge 9 Kommentatoren 3.9k Aufrufe 6 Beobachtet
  • Ä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.
  • K kaiserm

    @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-skyL Offline
    liv-in-skyL Offline
    liv-in-sky
    schrieb am zuletzt editiert von
    #8

    @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

    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

    K 1 Antwort Letzte Antwort
    0
    • 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
      schrieb am zuletzt editiert von
      #9

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

      1 Antwort Letzte Antwort
      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
        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 👍

            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 👍

              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 Offline
                    HomoranH Offline
                    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 -
                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                    Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
                    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 Offline
                        HomoranH Offline
                        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 -
                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                        Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
                        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 Offline
                          HomoranH Offline
                          Homoran
                          Global Moderator Administrators
                          schrieb am zuletzt editiert von
                          #19

                          @adarof 🤦

                          falsches Feld!
                          eins tiefer in color!

                          kein Support per PN! - Fragen im Forum stellen -
                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                          Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
                          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                          A 1 Antwort Letzte Antwort
                          0
                          • HomoranH Homoran

                            @adarof 🤦

                            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 ✌

                            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 ✌

                              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
                                Unsere Adapter:
                                Autodarts, FoxESS, Enpal, Life360ng, Tidy, vis-inventwo, vis-2-widgets-inventwo, vis-icontwo, vis-2-widgets-icontwo

                                Wer uns mit einem Kaffee unterstützen möchte: PayPal

                                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

                                        Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                        Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                        Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                        Registrieren Anmelden
                                        Antworten
                                        • In einem neuen Thema antworten
                                        Anmelden zum Antworten
                                        • Älteste zuerst
                                        • Neuste zuerst
                                        • Meiste Stimmen


                                        Support us

                                        ioBroker
                                        Community Adapters
                                        Donate

                                        299

                                        Online

                                        32.8k

                                        Benutzer

                                        82.8k

                                        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