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. Skripten / Logik
  4. CSS Button/Widget mit Farbänderung je nach Wert

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.0k

CSS Button/Widget mit Farbänderung je nach Wert

Geplant Angeheftet Gesperrt Verschoben Skripten / Logik
7 Beiträge 4 Kommentatoren 1.9k Aufrufe
  • Ä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
    tomg1970
    schrieb am zuletzt editiert von
    #1

    Hallo,

    ich bin auf der Suche nach einem Button/Widget, welches mir je nach Wert eine andere Farbe anzeigt.

    Als Beispiel Stromverbrauch. Wahrscheinlich wird man das über ein CSS Script händeln müssen?

    -280 Watt ist die Farbe grün

    281-350 Watt ist die Farbe cyan

    351-400 Watt ist die Farbe gelb

    usw. usw

    Die Werte kommen vom Homematic Stromzähler HM-ES-TX-WM / MEQ0705683:1

    DANKE euch für Euere Hilfe

    1 Antwort Letzte Antwort
    0
    • P Offline
      P Offline
      pix
      schrieb am zuletzt editiert von
      #2

      Suche mal nach dem Gauge Widget.

      Alternativ geht ein Javascript im Javascript-Adapter, welches einen weiteren Datenpunkt erzeugt, den du zur Steuerung der Farbe nutzt.

      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
      • S Offline
        S Offline
        spaceduck
        schrieb am zuletzt editiert von
        #3

        Hallo,

        ich vermute Du willst den Messwert entsprechend farbig darstellen? Das geht sehr einfach direkt unter CSS Font & Color:

        Ich hätte jetzt erstmal was für 2 Farben… Einfach unter Color folgendes eintragen, dann wird z.B. alles über 1000 rot

        {value:hm-rpc.0.MEQ0025538.1.POWER; value > 1000 ? "rgb(255, 0, 0)" : "rgb(150, 150, 150)"}

        MfG

        HP Gen8 16GB / Ubuntu Server 20.04 LTS - Nein, ein Server braucht keine GUI…;-)

        1 Antwort Letzte Antwort
        0
        • HomoranH Nicht stören
          HomoranH Nicht stören
          Homoran
          Global Moderator Administrators
          schrieb am zuletzt editiert von
          #4

          Ich denke pix meint die justgage Widgets.

          Da kannst du die Werte und auch den Hintergrund in Abhängigkeit der Werte einfärben.

          Bei Indicator zusätzlich noch eine Tendenz anzeigen.
          144_screenshot_20170902-101208.jpg

          Gruß

          Rainer

          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

          1 Antwort Letzte Antwort
          0
          • T Offline
            T Offline
            tomg1970
            schrieb am zuletzt editiert von
            #5

            Geht das auch mit noch mehr als 3 Farben?

            Möchte gerade meine Mediola Visualisierung nachbauen.

            Dort habe ich Button, welche sich zb je nach Wert in einer bestimmten Farbe einfärben?

            1 Antwort Letzte Antwort
            0
            • HomoranH Nicht stören
              HomoranH Nicht stören
              Homoran
              Global Moderator Administrators
              schrieb am zuletzt editiert von
              #6

              Bei justgage kannst du einen Farbverlauf definieren: z.B. gelb -> rot ergibt je nach wert einen gelben, hell bis dunkel orangen oder roten Wert.

              Gruß

              Rainer

              kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

              der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

              1 Antwort Letzte Antwort
              0
              • T Offline
                T Offline
                tomg1970
                schrieb am zuletzt editiert von
                #7

                Ok vielen Dank für Deine Info.

                D.h. aber ich bekomme nicht für jeden gewünschten Bereich eine "extra" Farbe hin?

                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

                849

                Online

                32.6k

                Benutzer

                82.0k

                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