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

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    1.8k

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
16 Beiträge 3 Kommentatoren 465 Aufrufe 3 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.
  • 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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • M MCU

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

      M Offline
      M Offline
      Memyselfandi
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      0
      • M Online
        M Online
        MCU
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #5

          @mcu
          Das Objekt heißt

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

          (so aus dem Objektbrowser kopiert)

          Oder was meinst Du?

          M 1 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antworten Letzte Antwort
            0
            • M MCU

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

              M Offline
              M Offline
              Memyselfandi
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              0
              • M MCU

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

                M Offline
                M Offline
                Memyselfandi
                schrieb am zuletzt editiert von
                #8

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

                M 1 Antwort Letzte Antwort
                0
                • M Memyselfandi

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

                  M Online
                  M Online
                  MCU
                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #14

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

                            jogibear9988J 1 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #16

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

                                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

                                716

                                Online

                                32.5k

                                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