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.7k

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

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

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.
  • 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 :+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

                                        815

                                        Online

                                        32.4k

                                        Benutzer

                                        81.5k

                                        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