Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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

  • Der neue Monatsrückblick für Mai und Juni 2026 ist online!
    BluefoxB
    Bluefox
    8
    1
    989

  • wichtiges UPDATE für controller 7.2.2 im stable
    HomoranH
    Homoran
    10
    1
    3.6k

  • Neues YouTube-Video: Visualisierung im Devices-Adapter
    BluefoxB
    Bluefox
    16
    1
    6.0k

CSS Button/Widget mit Farbänderung je nach Wert

Geplant Angeheftet Gesperrt Verschoben Skripten / Logik
7 Beiträge 4 Kommentatoren 2.1k 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
          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 - Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
          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
              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 - Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
              Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
              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

                Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                Registrieren Anmelden
                Antworten
                • In einem neuen Thema antworten
                Anmelden zum Antworten
                • Älteste zuerst
                • Neuste zuerst
                • Meiste Stimmen


                Support us

                ioBroker
                Community Adapters
                Donate

                360

                Online

                33.0k

                Benutzer

                83.6k

                Themen

                1.3m

                Beiträge
                Community
                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                ioBroker Community 2014-2026
                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