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. Mal wieder: Farbe abhängig Werten (BAD, GOOD etc.)

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    519

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    5.3k

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

Mal wieder: Farbe abhängig Werten (BAD, GOOD etc.)

Scheduled Pinned Locked Moved Visualisierung
16 Posts 3 Posters 555 Views 3 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.
  • M Offline
    M Offline
    Memyselfandi
    wrote on last edited by
    #1

    Guten Abend,

    bevor ich jetzt frustriert ins Bett gehe, möchte ich kurz meine Frage noch loswerden.
    Ich versuche, den Hintergrund eines Widgets entsprechend z.B. der gemessenen Luftqualität zu verändern. Hierzu habe ich mich hier im Forum schon umgesehen und mich anhand der gefundenen Tipps und Hinweise ausprobiert, leider ohne Erfolg.
    Mein Stand aktuell ist dieser hier, eingetragen unter

    38c164e0-5c0c-43d1-91e6-8ebd8591f2cd-image.png

    {wert:bshb.0.hdm:ZigBee:000d6f0xxxxxxx.AirQualityLevel.humidityRating; wert=="MEDIUM" ? "#f0d435": wert=="BAD" ? "#32a842": "#ffffff"}
    

    Alternativ hatte ich diese Version:

    {wert:bshb.0.hdm:ZigBee:000d6fxxxxxxx.AirQualityLevel.purityRating;wert = "MEDIUM" ? "#f0d435" :: wert = "GOOD" ? "#32a842" :: wert = "BAD" ? "#e04a3d"}
    

    Beides funktioniert nicht.
    Vielleicht hat jemand von Euch den rettenden Hinweis.

    Diese Seite hier habe ich auch über dieses Forum hier gefunden, sie hat mir aber im konkreten Fall nicht weitergeholfen.

    Danke Euch, und gute Nacht.

    M jogibear9988J 2 Replies Last reply
    0
    • M Memyselfandi

      Guten Abend,

      bevor ich jetzt frustriert ins Bett gehe, möchte ich kurz meine Frage noch loswerden.
      Ich versuche, den Hintergrund eines Widgets entsprechend z.B. der gemessenen Luftqualität zu verändern. Hierzu habe ich mich hier im Forum schon umgesehen und mich anhand der gefundenen Tipps und Hinweise ausprobiert, leider ohne Erfolg.
      Mein Stand aktuell ist dieser hier, eingetragen unter

      38c164e0-5c0c-43d1-91e6-8ebd8591f2cd-image.png

      {wert:bshb.0.hdm:ZigBee:000d6f0xxxxxxx.AirQualityLevel.humidityRating; wert=="MEDIUM" ? "#f0d435": wert=="BAD" ? "#32a842": "#ffffff"}
      

      Alternativ hatte ich diese Version:

      {wert:bshb.0.hdm:ZigBee:000d6fxxxxxxx.AirQualityLevel.purityRating;wert = "MEDIUM" ? "#f0d435" :: wert = "GOOD" ? "#32a842" :: wert = "BAD" ? "#e04a3d"}
      

      Beides funktioniert nicht.
      Vielleicht hat jemand von Euch den rettenden Hinweis.

      Diese Seite hier habe ich auch über dieses Forum hier gefunden, sie hat mir aber im konkreten Fall nicht weitergeholfen.

      Danke Euch, und gute Nacht.

      M Online
      M Online
      MCU
      wrote on last edited by
      #2

      @memyselfandi Vor und nach ZIGBEE ein Punkt .
      93ede914-e1bc-43fe-9ead-b0f20c5c48f7-image.png

      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

      M 1 Reply Last reply
      0
      • M MCU

        @memyselfandi Vor und nach ZIGBEE ein Punkt .
        93ede914-e1bc-43fe-9ead-b0f20c5c48f7-image.png

        M Offline
        M Offline
        Memyselfandi
        wrote on last edited by
        #3

        @mcu Guten Morgen,

        kurz getestet, aber ohne Erfolg (sowohl mit

        hdm:.ZigBee.:000
        

        als auch mit

        hdm.ZigBee.000
        

        (Was wäre richtig?)

        Ich hatte gestern auch versucht, den Wert (z.B. FALSE) an einen eigenen erstellten Datenpunkt zu übergeben, und diesen dann für die CSS-Abfrage zu übergeben. Aber die im Eingangspost verwendeten Funktionen haben auch mit z.B.

        {wert:CO2_Zimmer; wert=="MEDIUM" ? "#f0d435": wert=="BAD" ? "#32a842": "#ffffff"}
        

        nicht funktioninert. (Der Wert "FALSE" wird im iobroker unter Objekte korrekt angezeigt.)

        1 Reply Last reply
        0
        • M Online
          M Online
          MCU
          wrote on last edited by
          #4

          @memyselfandi Zeig mal das Objekt
          bshb.0.hdm.ZigBee.000d6f0xxxxxxx.AirQualityLevel.humidityRating

          {wert:bshb.0.hdm.ZigBee.000d6f0xxxxxxx.AirQualityLevel.humidityRating; wert=="MEDIUM" ? "#f0d435": wert=="BAD" ? "#32a842": "#ffffff"}
          

          NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

          M 1 Reply Last reply
          0
          • M MCU

            @memyselfandi Zeig mal das Objekt
            bshb.0.hdm.ZigBee.000d6f0xxxxxxx.AirQualityLevel.humidityRating

            {wert:bshb.0.hdm.ZigBee.000d6f0xxxxxxx.AirQualityLevel.humidityRating; wert=="MEDIUM" ? "#f0d435": wert=="BAD" ? "#32a842": "#ffffff"}
            
            M Offline
            M Offline
            Memyselfandi
            wrote on last edited by
            #5

            @mcu
            Das Objekt heißt

            bshb.0.hdm:ZigBee:000d6f0xxxxxx.AirQualityLevel.humidityRating
            

            (so aus dem Objektbrowser kopiert)

            Oder was meinst Du?

            M 1 Reply Last reply
            0
            • M Memyselfandi

              @mcu
              Das Objekt heißt

              bshb.0.hdm:ZigBee:000d6f0xxxxxx.AirQualityLevel.humidityRating
              

              (so aus dem Objektbrowser kopiert)

              Oder was meinst Du?

              M Online
              M Online
              MCU
              wrote on last edited by
              #6

              @memyselfandi Ja und die Objektdaten -> Stift anklicken und Bild

              NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

              M 2 Replies Last reply
              0
              • M MCU

                @memyselfandi Ja und die Objektdaten -> Stift anklicken und Bild

                M Offline
                M Offline
                Memyselfandi
                wrote on last edited by
                #7

                @mcu

                {
                  "type": "state",
                  "common": {
                    "name": "Twinguard.AirQualityLevel.humidityRating",
                    "type": "string",
                    "role": "text",
                    "read": true,
                    "write": true,
                    "states": {
                      "GOOD": "GOOD",
                      "MEDIUM": "MEDIUM",
                      "BAD": "BAD",
                      "UNKNOWN": "UNKNOWN"
                    }
                  },
                  "native": {
                    "device": {
                      "@type": "device",
                      "rootDeviceId": "64-da-a0-10-9a-2e",
                      "id": "hdm:ZigBee:000d6f0xxxxxx",
                      "deviceServiceIds": [
                        "CommunicationQuality",
                        "BatteryLevel",
                        "AirQualityLevel",
                        "SmokeSensitivity",
                        "TwinguardNightlyPromise",
                        "SmokeDetectorCheck"
                      ],
                      "manufacturer": "BOSCH",
                      "roomId": "hz_6",
                      "deviceModel": "TWINGUARD",
                      "serial": "000D6F0xxxxxx",
                      "profile": "GENERIC",
                      "name": "Twinguard",
                      "status": "AVAILABLE",
                      "childDeviceIds": [],
                      "supportedProfiles": []
                    },
                    "deviceService": {
                      "@type": "DeviceServiceData",
                      "id": "AirQualityLevel",
                      "deviceId": "hdm:ZigBee:000d6f0xxxxxx",
                      "state": {
                        "@type": "airQualityLevelState",
                        "combinedRating": "MEDIUM",
                        "description": "COLD_STUFFY",
                        "temperature": 19.78,
                        "temperatureRating": "MEDIUM",
                        "humidity": 56.77,
                        "humidityRating": "GOOD",
                        "purity": 1200,
                        "purityRating": "MEDIUM",
                        "comfortZone": {
                          "name": "KIDS",
                          "custom": false,
                          "minTemperature": 20,
                          "maxTemperature": 25,
                          "minHumidity": 40,
                          "maxHumidity": 60,
                          "maxPurity": 1000
                        }
                      },
                      "path": "/devices/hdm:ZigBee:000d6f0xxxxxx/services/AirQualityLevel"
                    },
                    "state": "humidityRating"
                  },
                  "from": "system.adapter.bshb.0",
                  "user": "system.user.admin",
                  "ts": 1698603394760,
                  "_id": "bshb.0.hdm:ZigBee:000d6f0xxxxxx.AirQualityLevel.humidityRating",
                  "acl": {
                    "object": 1636,
                    "state": 1636,
                    "file": 1632,
                    "owner": "system.user.admin",
                    "ownerGroup": "system.group.administrator"
                  }
                }
                
                1 Reply Last reply
                0
                • M MCU

                  @memyselfandi Ja und die Objektdaten -> Stift anklicken und Bild

                  M Offline
                  M Offline
                  Memyselfandi
                  wrote on last edited by
                  #8

                  @mcu
                  a032fb6f-764a-48a3-a195-8a08e4c90e94-image.png

                  M 1 Reply Last reply
                  0
                  • M Memyselfandi

                    @mcu
                    a032fb6f-764a-48a3-a195-8a08e4c90e94-image.png

                    M Online
                    M Online
                    MCU
                    wrote on last edited by MCU
                    #9

                    @memyselfandi War davon ausgegangen, dass niemand solche IDs anlegt.
                    Tja ärgerlich mit den Doppelpunkten, vermute , dass es nicht funktioneren wird.
                    8adfc567-7fde-4d32-9a8c-60ce287801ae-image.png
                    Dann bleibt noch die Alternative einen alias-DP zu erzeugen und den in der VIS zu nutzen und nicht den orig mi den Doppelpunkten.
                    Versuch es mal.

                    Vielleicht kannst du es mal so versuchen (' / ") als String?

                    {wert:'bshb.0.hdm:ZigBee:000d6f0xxxxxxx.AirQualityLevel.humidityRating'; wert=="MEDIUM" ? "#f0d435": wert=="BAD" ? "#32a842": "#ffffff"}
                    

                    NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                    M 1 Reply Last reply
                    0
                    • M MCU

                      @memyselfandi War davon ausgegangen, dass niemand solche IDs anlegt.
                      Tja ärgerlich mit den Doppelpunkten, vermute , dass es nicht funktioneren wird.
                      8adfc567-7fde-4d32-9a8c-60ce287801ae-image.png
                      Dann bleibt noch die Alternative einen alias-DP zu erzeugen und den in der VIS zu nutzen und nicht den orig mi den Doppelpunkten.
                      Versuch es mal.

                      Vielleicht kannst du es mal so versuchen (' / ") als String?

                      {wert:'bshb.0.hdm:ZigBee:000d6f0xxxxxxx.AirQualityLevel.humidityRating'; wert=="MEDIUM" ? "#f0d435": wert=="BAD" ? "#32a842": "#ffffff"}
                      
                      M Offline
                      M Offline
                      Memyselfandi
                      wrote on last edited by
                      #10

                      @mcu Das mit den Doppelpunkten hatte ich hier auch mal irgendwo gelesen, und deshalb das Ganze mit dem extra erstellten Datenpunkt "CO2_Zimmer" versucht. Auch ohne Erfolg.

                      @memyselfandi sagte in Mal wieder: Farbe abhängig Werten (BAD, GOOD etc.):

                      Ich hatte gestern auch versucht, den Wert (z.B. FALSE) an einen eigenen erstellten Datenpunkt zu übergeben, und diesen dann für die CSS-Abfrage zu übergeben. Aber die im Eingangspost verwendeten Funktionen haben auch mit z.B.
                      {wert:CO2_Zimmer; wert=="MEDIUM" ? "#f0d435": wert=="BAD" ? "#32a842": "#ffffff"}

                      nicht funktioninert. (Der Wert "FALSE" wird im iobroker unter Objekte korrekt angezeigt.)

                      Ich werde das dann heute Abend noch mal intensivieren mit dem Datenpunkt "CO2_Zimmer" bzw. "Luftfeuchtigkeit_Zimmer". Jetzt muss ich mich um den Job kümmern.

                      Danke erstmal, und einen tollen Tag.

                      M 1 Reply Last reply
                      0
                      • M Memyselfandi

                        @mcu Das mit den Doppelpunkten hatte ich hier auch mal irgendwo gelesen, und deshalb das Ganze mit dem extra erstellten Datenpunkt "CO2_Zimmer" versucht. Auch ohne Erfolg.

                        @memyselfandi sagte in Mal wieder: Farbe abhängig Werten (BAD, GOOD etc.):

                        Ich hatte gestern auch versucht, den Wert (z.B. FALSE) an einen eigenen erstellten Datenpunkt zu übergeben, und diesen dann für die CSS-Abfrage zu übergeben. Aber die im Eingangspost verwendeten Funktionen haben auch mit z.B.
                        {wert:CO2_Zimmer; wert=="MEDIUM" ? "#f0d435": wert=="BAD" ? "#32a842": "#ffffff"}

                        nicht funktioninert. (Der Wert "FALSE" wird im iobroker unter Objekte korrekt angezeigt.)

                        Ich werde das dann heute Abend noch mal intensivieren mit dem Datenpunkt "CO2_Zimmer" bzw. "Luftfeuchtigkeit_Zimmer". Jetzt muss ich mich um den Job kümmern.

                        Danke erstmal, und einen tollen Tag.

                        M Online
                        M Online
                        MCU
                        wrote on last edited by
                        #11

                        @memyselfandi CO2_Zimmer gibt es nicht, wenn dann 0_userdata.0.CO2_Zimmer oder so, keine Ahnung wo du den angelegt hast.

                        NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                        M 1 Reply Last reply
                        0
                        • M MCU

                          @memyselfandi CO2_Zimmer gibt es nicht, wenn dann 0_userdata.0.CO2_Zimmer oder so, keine Ahnung wo du den angelegt hast.

                          M Offline
                          M Offline
                          Memyselfandi
                          wrote on last edited by
                          #12

                          @mcu Hey, eine kurze Rückmeldung:
                          Es funktioniert jetzt mit dem erstellten Datenpunkt CO2_Zimmer. Der Fehler war tatsächlich die fehlerhafte Bezeichnung (0_userdata). Es war gestern zu spät und ich irgendwann betriebsblind.

                          Danke für Deine Unterstützung.

                          1 Reply Last reply
                          0
                          • M Memyselfandi

                            Guten Abend,

                            bevor ich jetzt frustriert ins Bett gehe, möchte ich kurz meine Frage noch loswerden.
                            Ich versuche, den Hintergrund eines Widgets entsprechend z.B. der gemessenen Luftqualität zu verändern. Hierzu habe ich mich hier im Forum schon umgesehen und mich anhand der gefundenen Tipps und Hinweise ausprobiert, leider ohne Erfolg.
                            Mein Stand aktuell ist dieser hier, eingetragen unter

                            38c164e0-5c0c-43d1-91e6-8ebd8591f2cd-image.png

                            {wert:bshb.0.hdm:ZigBee:000d6f0xxxxxxx.AirQualityLevel.humidityRating; wert=="MEDIUM" ? "#f0d435": wert=="BAD" ? "#32a842": "#ffffff"}
                            

                            Alternativ hatte ich diese Version:

                            {wert:bshb.0.hdm:ZigBee:000d6fxxxxxxx.AirQualityLevel.purityRating;wert = "MEDIUM" ? "#f0d435" :: wert = "GOOD" ? "#32a842" :: wert = "BAD" ? "#e04a3d"}
                            

                            Beides funktioniert nicht.
                            Vielleicht hat jemand von Euch den rettenden Hinweis.

                            Diese Seite hier habe ich auch über dieses Forum hier gefunden, sie hat mir aber im konkreten Fall nicht weitergeholfen.

                            Danke Euch, und gute Nacht.

                            jogibear9988J Offline
                            jogibear9988J Offline
                            jogibear9988
                            wrote on last edited by
                            #13

                            Wollte nur mal zeigen wie das in webui funktioniert. Dort legt Ihr auf BackgroundColor ein binding an, das sieht dann so aus (im Bindings editor)

                            9e0f903d-5dcd-4c20-8630-36b115c70da1-image.png

                            Check my ioBroker webui - a vis alternative
                            see: https://github.com/iobroker-community-adapters/ioBroker.webui

                            M 1 Reply Last reply
                            0
                            • jogibear9988J jogibear9988

                              Wollte nur mal zeigen wie das in webui funktioniert. Dort legt Ihr auf BackgroundColor ein binding an, das sieht dann so aus (im Bindings editor)

                              9e0f903d-5dcd-4c20-8630-36b115c70da1-image.png

                              M Offline
                              M Offline
                              Memyselfandi
                              wrote on last edited by
                              #14

                              @jogibear9988 Danke für den Beitrag. Wo finde ich denn dieses UI? Wäre ja schon komfortabler...

                              jogibear9988J 1 Reply Last reply
                              0
                              • M Memyselfandi

                                @jogibear9988 Danke für den Beitrag. Wo finde ich denn dieses UI? Wäre ja schon komfortabler...

                                jogibear9988J Offline
                                jogibear9988J Offline
                                jogibear9988
                                wrote on last edited by
                                #15

                                @memyselfandi

                                ist in einer komplett anderen visualisierung, webui anstelle von vis
                                vlt. sollte man so etwas in vis auch bauen.

                                Check my ioBroker webui - a vis alternative
                                see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                M 1 Reply Last reply
                                0
                                • jogibear9988J jogibear9988

                                  @memyselfandi

                                  ist in einer komplett anderen visualisierung, webui anstelle von vis
                                  vlt. sollte man so etwas in vis auch bauen.

                                  M Offline
                                  M Offline
                                  Memyselfandi
                                  wrote on last edited by
                                  #16

                                  @jogibear9988 Na, dann kann ich ja lange suchen... :face_with_rolling_eyes:

                                  1 Reply Last reply
                                  0
                                  Reply
                                  • Reply as topic
                                  Log in to reply
                                  • Oldest to Newest
                                  • Newest to Oldest
                                  • Most Votes


                                  Support us

                                  ioBroker
                                  Community Adapters
                                  Donate

                                  336

                                  Online

                                  32.7k

                                  Users

                                  82.5k

                                  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