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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    18
    1
    571

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

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

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.
  • 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 :+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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          893

                                          Online

                                          32.5k

                                          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