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. [GELÖST] Hintergrundfarbe abhängig vom Wert ändern

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    15
    1
    624

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    627

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    1.9k

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
8 Beiträge 7 Kommentatoren 6.5k Aufrufe 5 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.
  • T Offline
    T Offline
    tomdeboom
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • P Offline
      P Offline
      pix
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      0
      • T Offline
        T Offline
        tomdeboom
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                0
                • nik82N Offline
                  nik82N Offline
                  nik82
                  Most Active
                  schrieb am zuletzt editiert von 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 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

                  592

                  Online

                  32.6k

                  Benutzer

                  81.9k

                  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