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

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.6k

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
16 Beiträge 3 Kommentatoren 427 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 Offline
    M Offline
    Memyselfandi
    schrieb am zuletzt editiert von
    #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 Antworten 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.

      M Offline
      M Offline
      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 Offline
          M Offline
          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 Offline
              M Offline
              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 Offline
                    M Offline
                    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 Offline
                        M Offline
                        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

                                  395

                                  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