Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [GELÖST] Hintergrundfarbe abhängig vom Wert ändern

NEWS

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

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    8
    1
    170

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

[GELÖST] Hintergrundfarbe abhängig vom Wert ändern

Scheduled Pinned Locked Moved Visualisierung
8 Posts 7 Posters 6.7k Views 5 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T Offline
    T Offline
    tomdeboom
    wrote on last edited by
    #1

    Hi miteinander,

    ich weiß das die Frage schon öfters gestellt worden ist, aber irgenwie bekomme ich es nicht auf die reihe..

    Also ich benutze ein widget "basic - Number" zur Abfrage von folgenden Objekt:
    5104_01_co2.jpg
    Die RAW sagt das der Wert als Number vorliegt:
    5104_02_raw.jpg
    Im View edit wird mir auch eine Farbe für den Hintergrund angezeigt, wenn auch die Falsche….
    5104_03_basic-_number.jpg
    Die Formatierung für die Hintergrundfarbe abhängig vom Wert, ist folgende:

    {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 "#b5fb5b" : h >725 "#f3ed49" : h >=1180 "#e93535"}
    

    Wo ist der Fehler? Bin ein wenig am Zweifeln ob das überhauptet

    Danke, schöne Ostern und Gruß,

    Tom

    <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

    1 Reply Last reply
    0
    • P Offline
      P Offline
      pix
      wrote on last edited by
      #2

      Hallo,

      ich weiß nicht, ob das so funktioniert:

      {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 "#b5fb5b" : h >725 "#f3ed49" : h >=1180 "#e93535"}
      

      Du verwendest ja drei Bedingungen, nicht zwei. Eigentlich kenne ich die Kurz-Schreibweise in bindings nur mit zwei Bedingungen.

      WENN BEDINGUNG DANN EINS SONST ZWEI: (a>b) ? 1 : 2

      Hier sind es drei Bedingungen, das Fragezeichen fehlt und zwei Bedingungen sind gleichzeitig erfüllt, wenn der Wert über 725 ist. Welche Bedingung gilt dann?

      Probier mal nur so:

      {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 ? "#b5fb5b" : "#f3ed49"}
      

      Gruß

      Pix

      ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

      1 Reply Last reply
      0
      • T Offline
        T Offline
        tomdeboom
        wrote on last edited by
        #3

        Hi Pix,

        das funktioniert:

        {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 ? "#b5fb5b" : "#f3ed49"}
        

        das auch:

        {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 ? "#b5fb5b" : h <=1080 ? "#f3ed49" : "#e93535"}
        

        Somit hätte ich ja meine 3 Werte?

        <=725 Grün

        <=1080 Gelb

        1080 Rot

        Vielen Dank!

        Gruß,

        Tom

        <size size="85">CCU2 | QNAP TVS-473 64GB | VM Lubunto iBroker | Echo 2\. Gen. | LAN/Wifi | 18 Geräte</size>

        A 1 Reply Last reply
        0
        • T tomdeboom

          Hi Pix,

          das funktioniert:

          {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 ? "#b5fb5b" : "#f3ed49"}
          

          das auch:

          {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 ? "#b5fb5b" : h <=1080 ? "#f3ed49" : "#e93535"}
          

          Somit hätte ich ja meine 3 Werte?

          <=725 Grün

          <=1080 Gelb

          1080 Rot

          Vielen Dank!

          Gruß,

          Tom

          A Offline
          A Offline
          andreas.kerzel
          wrote on last edited by
          #4

          @tomdeboom sagte in [GELÖST] Hintergrundfarbe abhängig vom Wert ändern:

          {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 ? "#b5fb5b" : "#f3ed49"}

          Hallo, ich hoffe es gibt euch noch. Bei mir funktioniert das leider noch nicht. Könnt ihr mal kurz drüber schauen.

          Danke euch

          {h:netatmo.1.Wetterstation.Elisa.CO2.CO2; h <=400 ? "#4aa621" : "#f3ed49"}
          ![Bild Text](Unbenannt.jpg Bild Link)

          Es bleibt grün, egal welcher Wert angezeigt wird

          GarganoG 1 Reply Last reply
          0
          • A andreas.kerzel

            @tomdeboom sagte in [GELÖST] Hintergrundfarbe abhängig vom Wert ändern:

            {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 ? "#b5fb5b" : "#f3ed49"}

            Hallo, ich hoffe es gibt euch noch. Bei mir funktioniert das leider noch nicht. Könnt ihr mal kurz drüber schauen.

            Danke euch

            {h:netatmo.1.Wetterstation.Elisa.CO2.CO2; h <=400 ? "#4aa621" : "#f3ed49"}
            ![Bild Text](Unbenannt.jpg Bild Link)

            Es bleibt grün, egal welcher Wert angezeigt wird

            GarganoG Offline
            GarganoG Offline
            Gargano
            wrote on last edited by
            #5

            @andreas-kerzel Bin grad drüber gestolpert, weil ich das auch brauchte. Im Editor bleibt es immer grün, jedoch in der Vis Anzeige ist es dann richtig

            TG70T 1 Reply Last reply
            2
            • GarganoG Gargano

              @andreas-kerzel Bin grad drüber gestolpert, weil ich das auch brauchte. Im Editor bleibt es immer grün, jedoch in der Vis Anzeige ist es dann richtig

              TG70T Offline
              TG70T Offline
              TG70
              Forum Testing
              wrote on last edited by
              #6

              Wie kann ich den HIntegrund eines Widget für folgenden Fall ändern?

              0-50 = grün
              50-99 = gelb
              grösser 100 = rot

              ∘ MB ASRock J4105M Intel J4105 CPU M-ATX | 16 GB RAM | 480 GB SSD ∘ PROXMOX LCX-Container > IoBroker

              I 1 Reply Last reply
              0
              • TG70T TG70

                Wie kann ich den HIntegrund eines Widget für folgenden Fall ändern?

                0-50 = grün
                50-99 = gelb
                grösser 100 = rot

                I Offline
                I Offline
                ing-michel
                wrote on last edited by
                #7

                @tg70 said in [GELÖST] Hintergrundfarbe abhängig vom Wert ändern:

                0-50 = grün
                50-99 = gelb
                grösser 100 = rot

                Erst kleinergleich 50 abfragen, dann größer 100, dann else

                1 Reply Last reply
                0
                • nik82N Offline
                  nik82N Offline
                  nik82
                  Most Active
                  wrote on last edited by nik82
                  #8

                  Hallo, ich grabe den Threat nochmal aus, geht das ganze auch mit Text Werten anstatt mit Zahlen?
                  Habe folgendes probiert:

                  {a:hass.0.entities.select.x40_ultra_complete_cleaning_mode.state; a ="sweeping" ? "#ffe41f" : a ="mopping" ? "#fa0000" : "#000000"}
                  

                  oder

                  {a:hass.0.entities.select.x40_ultra_complete_cleaning_mode.state; a =sweeping ? "#ffe41f" : a =mopping ? "#fa0000" : "#000000"}
                  

                  Aber es geht leider nicht, vielleicht hat jemand einen Tip? :-)

                  EDIT

                  Erledigt, habs gefunden (zweimal == muss dort stehen):

                  {h:hass.0.entities.select.x40_ultra_complete_cleaning_mode.state;h == "sweeping" ? "#ffe41f" :"#000000"}
                  
                  1 Reply Last reply
                  0

                  Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                  Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                  With your input, this post could be even better 💗

                  Register Login
                  Reply
                  • Reply as topic
                  Log in to reply
                  • Oldest to Newest
                  • Newest to Oldest
                  • Most Votes


                  Support us

                  ioBroker
                  Community Adapters
                  Donate

                  250

                  Online

                  32.8k

                  Users

                  82.7k

                  Topics

                  1.3m

                  Posts
                  Community
                  Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                  ioBroker Community 2014-2025
                  logo
                  • Login

                  • Don't have an account? Register

                  • Login or register to search.
                  • First post
                    Last post
                  0
                  • Home
                  • Recent
                  • Tags
                  • Unread 0
                  • Categories
                  • Unreplied
                  • Popular
                  • GitHub
                  • Docu
                  • Hilfe