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
    907

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.
  • arteckA arteck

    @kaiserm binding ist hier das stichwort

    K Offline
    K Offline
    kaiserm
    schrieb am zuletzt editiert von
    #5

    @arteck Bahnhof? :-)

    liv-in-skyL 1 Antwort Letzte Antwort
    0
    • K kaiserm

      @arteck Bahnhof? :-)

      liv-in-skyL Offline
      liv-in-skyL Offline
      liv-in-sky
      schrieb am zuletzt editiert von liv-in-sky
      #6

      @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

      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

      W 1 Antwort Letzte Antwort
      2
      • K Offline
        K Offline
        kaiserm
        schrieb am zuletzt editiert von
        #7

        @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 1 Antwort Letzte Antwort
        0
        • 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

                                          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

                                          292

                                          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