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. Textfarbe 3fach per Binding nach Wert ändern

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.6k

Textfarbe 3fach per Binding nach Wert ändern

Geplant Angeheftet Gesperrt Verschoben Visualisierung
12 Beiträge 6 Kommentatoren 630 Aufrufe 6 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.
  • N Offline
    N Offline
    n811e
    schrieb am zuletzt editiert von
    #1

    Guten Morgen in die Runde,

    Ich habe einen Datenpunkt, der mir einen Akkustand überliefert.

    worx.0.30156702170214010008.mower.batteryState

    Ich möchte gern im Basic Number-Widget, die Textfarbe anhand des übermittelten Wertes ändern.

    Z.B.
    0 bis 18 Prozent rot
    19 bis 60 Prozent gelb
    61 bis 100 Prozent grün

    Ich bin leider blutiger Anfänger, und weiß überhaupt nicht, wie ich da vorgehen soll.

    Vielleicht könnt Ihr mir ja unter die Arme greifen

    Vielen Dank

    Gruß Björn

    SBorgS 1 Antwort Letzte Antwort
    0
    • David G.D Online
      David G.D Online
      David G.
      schrieb am zuletzt editiert von
      #2

      @n811e

      https://forum.iobroker.net/topic/7939/gel%C3%B6st-wie-binding-mit-drei-if-bedingungen

      Zeigt eure Lovelace-Visualisierung klick
      (Auch ideal um sich Anregungen zu holen)

      Meine Tabellen für eure Visualisierung klick

      1 Antwort Letzte Antwort
      0
      • N n811e

        Guten Morgen in die Runde,

        Ich habe einen Datenpunkt, der mir einen Akkustand überliefert.

        worx.0.30156702170214010008.mower.batteryState

        Ich möchte gern im Basic Number-Widget, die Textfarbe anhand des übermittelten Wertes ändern.

        Z.B.
        0 bis 18 Prozent rot
        19 bis 60 Prozent gelb
        61 bis 100 Prozent grün

        Ich bin leider blutiger Anfänger, und weiß überhaupt nicht, wie ich da vorgehen soll.

        Vielleicht könnt Ihr mir ja unter die Arme greifen

        Vielen Dank

        Gruß Björn

        SBorgS Offline
        SBorgS Offline
        SBorg
        Forum Testing Most Active
        schrieb am zuletzt editiert von SBorg
        #3

        @n811e

        Bei Text-color ein sog. Binding einfügen:

        {val:worx.0.30156702170214010008.mower.batteryState; val > 61 ? "green" : val > 19 ? "yellow" : "red"}
        

        (das verlinkte Beispiel ist nicht ganz korrekt ;) )
        ...und funktioniert dann nur in der Runtime, nicht im VIS-Editor ;)

        LG SBorg ( SBorg auf GitHub)
        Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

        David G.D 1 Antwort Letzte Antwort
        0
        • N Offline
          N Offline
          n811e
          schrieb am zuletzt editiert von
          #4

          @sborg

          Vielen Lieben Dank, so hats geklappt

          1 Antwort Letzte Antwort
          0
          • SBorgS SBorg

            @n811e

            Bei Text-color ein sog. Binding einfügen:

            {val:worx.0.30156702170214010008.mower.batteryState; val > 61 ? "green" : val > 19 ? "yellow" : "red"}
            

            (das verlinkte Beispiel ist nicht ganz korrekt ;) )
            ...und funktioniert dann nur in der Runtime, nicht im VIS-Editor ;)

            David G.D Online
            David G.D Online
            David G.
            schrieb am zuletzt editiert von David G.
            #5

            @sborg sagte in Textfarbe 3fach per Binding nach Wert ändern:

            @n811e

            Bei Text-color ein sog. Binding einfügen:

            {val:worx.0.30156702170214010008.mower.batteryState; val > 61 ? "green" : val > 19 ? "yellow" : "red"}
            

            (das verlinkte Beispiel ist nicht ganz korrekt ;) )
            ...und funktioniert dann nur in der Runtime, nicht im VIS-Editor ;)

            Ist das nicht identisch zum letzten Post im Link?

            Nutze aber ehrlich gesagt euch kein VIS. In Lovelace klappen die Bindings auch.

            Zeigt eure Lovelace-Visualisierung klick
            (Auch ideal um sich Anregungen zu holen)

            Meine Tabellen für eure Visualisierung klick

            SBorgS 1 Antwort Letzte Antwort
            0
            • David G.D David G.

              @sborg sagte in Textfarbe 3fach per Binding nach Wert ändern:

              @n811e

              Bei Text-color ein sog. Binding einfügen:

              {val:worx.0.30156702170214010008.mower.batteryState; val > 61 ? "green" : val > 19 ? "yellow" : "red"}
              

              (das verlinkte Beispiel ist nicht ganz korrekt ;) )
              ...und funktioniert dann nur in der Runtime, nicht im VIS-Editor ;)

              Ist das nicht identisch zum letzten Post im Link?

              Nutze aber ehrlich gesagt euch kein VIS. In Lovelace klappen die Bindings auch.

              SBorgS Offline
              SBorgS Offline
              SBorg
              Forum Testing Most Active
              schrieb am zuletzt editiert von
              #6

              @david-g Nicht ganz. Den Fehler (per C&P passiert) habe ich mal vor Jahren unbeabsichtigt eingeschleppt und versuche ihn auszumerzen, wenn er nicht immer wieder auftauchen würde ... :)

              Achte mal genau auf die Doppelpunkte (dort im 1. Post noch korrekt), die machen ihrem Namen alle Ehre. Es geht zwar auch so, ist aber falsch und beim x-ten Update geht es dann plötzlich nicht mehr weil die "Toleranz" fehlt. Dann sucht man sich einen Wolf...

              LG SBorg ( SBorg auf GitHub)
              Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

              David G.D 1 Antwort Letzte Antwort
              0
              • SBorgS SBorg

                @david-g Nicht ganz. Den Fehler (per C&P passiert) habe ich mal vor Jahren unbeabsichtigt eingeschleppt und versuche ihn auszumerzen, wenn er nicht immer wieder auftauchen würde ... :)

                Achte mal genau auf die Doppelpunkte (dort im 1. Post noch korrekt), die machen ihrem Namen alle Ehre. Es geht zwar auch so, ist aber falsch und beim x-ten Update geht es dann plötzlich nicht mehr weil die "Toleranz" fehlt. Dann sucht man sich einen Wolf...

                David G.D Online
                David G.D Online
                David G.
                schrieb am zuletzt editiert von
                #7

                @sborg

                Tatsache.

                Zeigt eure Lovelace-Visualisierung klick
                (Auch ideal um sich Anregungen zu holen)

                Meine Tabellen für eure Visualisierung klick

                1 Antwort Letzte Antwort
                0
                • L Offline
                  L Offline
                  lesiflo
                  Most Active
                  schrieb am zuletzt editiert von lesiflo
                  #8

                  Hi, hab hierzu auch mal ne Frage:

                  Wie kann ich die Farbe eines Wertes statt mit einem festen Werte über eine Variable ändern?

                  Das hier klappt leider nicht:

                  {v:hm-rpc.3.INT0000003.1.ACTUAL_TEMPERATURE;v > hm-rpc.3.INT0000003.1.SET_POINT_TEMPERATURE ? "#F44336" : "#4CAF50"}
                  

                  1e38c672-95f3-4a93-a03f-b3e28ae99038-image.png

                  Der gelb markierte Wert soll sich ändern wenn er den unteren Sollwert überschritten hat.

                  BoronsbruderB jogibear9988J N 3 Antworten Letzte Antwort
                  0
                  • L lesiflo

                    Hi, hab hierzu auch mal ne Frage:

                    Wie kann ich die Farbe eines Wertes statt mit einem festen Werte über eine Variable ändern?

                    Das hier klappt leider nicht:

                    {v:hm-rpc.3.INT0000003.1.ACTUAL_TEMPERATURE;v > hm-rpc.3.INT0000003.1.SET_POINT_TEMPERATURE ? "#F44336" : "#4CAF50"}
                    

                    1e38c672-95f3-4a93-a03f-b3e28ae99038-image.png

                    Der gelb markierte Wert soll sich ändern wenn er den unteren Sollwert überschritten hat.

                    BoronsbruderB Online
                    BoronsbruderB Online
                    Boronsbruder
                    schrieb am zuletzt editiert von
                    #9

                    @lesiflo
                    So könnte es funktionieren:
                    Beide DP einer Variablen zuweisen

                    {v:hm-rpc.3.INT0000003.1.ACTUAL_TEMPERATURE;grenze:hm-rpc.3.INT0000003.1.SET_POINT_TEMPERATURE; v > grenze ? "#F44336" : "#4CAF50"} 
                    
                    L 1 Antwort Letzte Antwort
                    1
                    • L lesiflo

                      Hi, hab hierzu auch mal ne Frage:

                      Wie kann ich die Farbe eines Wertes statt mit einem festen Werte über eine Variable ändern?

                      Das hier klappt leider nicht:

                      {v:hm-rpc.3.INT0000003.1.ACTUAL_TEMPERATURE;v > hm-rpc.3.INT0000003.1.SET_POINT_TEMPERATURE ? "#F44336" : "#4CAF50"}
                      

                      1e38c672-95f3-4a93-a03f-b3e28ae99038-image.png

                      Der gelb markierte Wert soll sich ändern wenn er den unteren Sollwert überschritten hat.

                      jogibear9988J Offline
                      jogibear9988J Offline
                      jogibear9988
                      schrieb am zuletzt editiert von jogibear9988
                      #10

                      @lesiflo

                      ich glaube so (habe aber kein vis)

                      {v:hm-rpc.3.INT0000003.1.ACTUAL_TEMPERATURE;s:hm-rpc.3.INT0000003.1.SET_POINT_TEMPERATURE; v > s ? "#F44336" : "#4CAF50"}
                      

                      P.S. in webUi könnte man dies so binden:

                      07daffb7-01b2-42f2-bf5d-36b2b5108bdc-image.png

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

                      1 Antwort Letzte Antwort
                      0
                      • BoronsbruderB Boronsbruder

                        @lesiflo
                        So könnte es funktionieren:
                        Beide DP einer Variablen zuweisen

                        {v:hm-rpc.3.INT0000003.1.ACTUAL_TEMPERATURE;grenze:hm-rpc.3.INT0000003.1.SET_POINT_TEMPERATURE; v > grenze ? "#F44336" : "#4CAF50"} 
                        
                        L Offline
                        L Offline
                        lesiflo
                        Most Active
                        schrieb am zuletzt editiert von
                        #11

                        @boronsbruder sagte in Textfarbe 3fach per Binding nach Wert ändern:

                        {v:hm-rpc.3.INT0000003.1.ACTUAL_TEMPERATURE;grenze:hm-rpc.3.INT0000003.1.SET_POINT_TEMPERATURE; v > grenze ? "#F44336" : "#4CAF50"}

                        Klasse, das hat geklappt. Danke !

                        1 Antwort Letzte Antwort
                        0
                        • L lesiflo

                          Hi, hab hierzu auch mal ne Frage:

                          Wie kann ich die Farbe eines Wertes statt mit einem festen Werte über eine Variable ändern?

                          Das hier klappt leider nicht:

                          {v:hm-rpc.3.INT0000003.1.ACTUAL_TEMPERATURE;v > hm-rpc.3.INT0000003.1.SET_POINT_TEMPERATURE ? "#F44336" : "#4CAF50"}
                          

                          1e38c672-95f3-4a93-a03f-b3e28ae99038-image.png

                          Der gelb markierte Wert soll sich ändern wenn er den unteren Sollwert überschritten hat.

                          N Offline
                          N Offline
                          n811e
                          schrieb am zuletzt editiert von
                          #12

                          @lesiflo

                          Was für ein Widget nutzt du, für diese Darstellung?

                          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

                          461

                          Online

                          32.7k

                          Benutzer

                          82.4k

                          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