Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [GELÖST] Hintergrundfarbe abhängig vom Wert ändern

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    [GELÖST] Hintergrundfarbe abhängig vom Wert ändern

    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      tomdeboom last edited by

      Hi miteinander,

      ich weiß das die Frage schon öfters gestellt worden ist, aber irgenwie bekomme ich es nicht auf die reihe..

      Also ich benutze ein widget "basic - Number" zur Abfrage von folgenden Objekt:
      5104_01_co2.jpg
      Die RAW sagt das der Wert als Number vorliegt:
      5104_02_raw.jpg
      Im View edit wird mir auch eine Farbe für den Hintergrund angezeigt, wenn auch die Falsche….
      5104_03_basic-_number.jpg
      Die Formatierung für die Hintergrundfarbe abhängig vom Wert, ist folgende:

      {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 "#b5fb5b" : h >725 "#f3ed49" : h >=1180 "#e93535"}
      

      Wo ist der Fehler? Bin ein wenig am Zweifeln ob das überhauptet

      Danke, schöne Ostern und Gruß,

      Tom

      1 Reply Last reply Reply Quote 0
      • P
        pix last edited by

        Hallo,

        ich weiß nicht, ob das so funktioniert:

        {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 "#b5fb5b" : h >725 "#f3ed49" : h >=1180 "#e93535"}
        

        Du verwendest ja drei Bedingungen, nicht zwei. Eigentlich kenne ich die Kurz-Schreibweise in bindings nur mit zwei Bedingungen.

        WENN BEDINGUNG DANN EINS SONST ZWEI: (a>b) ? 1 : 2

        Hier sind es drei Bedingungen, das Fragezeichen fehlt und zwei Bedingungen sind gleichzeitig erfüllt, wenn der Wert über 725 ist. Welche Bedingung gilt dann?

        Probier mal nur so:

        {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 ? "#b5fb5b" : "#f3ed49"}
        

        Gruß

        Pix

        1 Reply Last reply Reply Quote 0
        • T
          tomdeboom last edited by

          Hi Pix,

          das funktioniert:

          {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 ? "#b5fb5b" : "#f3ed49"}
          

          das auch:

          {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 ? "#b5fb5b" : h <=1080 ? "#f3ed49" : "#e93535"}
          

          Somit hätte ich ja meine 3 Werte?

          <=725 Grün

          <=1080 Gelb

          1080 Rot

          Vielen Dank!

          Gruß,

          Tom

          A 1 Reply Last reply Reply Quote 0
          • A
            andreas.kerzel @tomdeboom last edited by

            @tomdeboom sagte in [GELÖST] Hintergrundfarbe abhängig vom Wert ändern:

            {h:netatmo.0.SweetHomeOtt.Indoor.CO2.CO2; h <=725 ? "#b5fb5b" : "#f3ed49"}

            Hallo, ich hoffe es gibt euch noch. Bei mir funktioniert das leider noch nicht. Könnt ihr mal kurz drüber schauen.

            Danke euch

            {h:netatmo.1.Wetterstation.Elisa.CO2.CO2; h <=400 ? "#4aa621" : "#f3ed49"}
            ![Bild Text](Unbenannt.jpg Bild Link)

            Es bleibt grün, egal welcher Wert angezeigt wird

            Gargano 1 Reply Last reply Reply Quote 0
            • Gargano
              Gargano @andreas.kerzel last edited by

              @andreas-kerzel Bin grad drüber gestolpert, weil ich das auch brauchte. Im Editor bleibt es immer grün, jedoch in der Vis Anzeige ist es dann richtig

              TG70 1 Reply Last reply Reply Quote 2
              • TG70
                TG70 Forum Testing @Gargano last edited by

                Wie kann ich den HIntegrund eines Widget für folgenden Fall ändern?

                0-50 = grün
                50-99 = gelb
                grösser 100 = rot

                I 1 Reply Last reply Reply Quote 0
                • I
                  ing-michel @TG70 last edited by

                  @tg70 said in [GELÖST] Hintergrundfarbe abhängig vom Wert ändern:

                  0-50 = grün
                  50-99 = gelb
                  grösser 100 = rot

                  Erst kleinergleich 50 abfragen, dann größer 100, dann else

                  1 Reply Last reply Reply Quote 0
                  • nik82
                    nik82 Most Active last edited by nik82

                    Hallo, ich grabe den Threat nochmal aus, geht das ganze auch mit Text Werten anstatt mit Zahlen?
                    Habe folgendes probiert:

                    {a:hass.0.entities.select.x40_ultra_complete_cleaning_mode.state; a ="sweeping" ? "#ffe41f" : a ="mopping" ? "#fa0000" : "#000000"}
                    

                    oder

                    {a:hass.0.entities.select.x40_ultra_complete_cleaning_mode.state; a =sweeping ? "#ffe41f" : a =mopping ? "#fa0000" : "#000000"}
                    

                    Aber es geht leider nicht, vielleicht hat jemand einen Tip? 🙂

                    EDIT

                    Erledigt, habs gefunden (zweimal == muss dort stehen):

                    {h:hass.0.entities.select.x40_ultra_complete_cleaning_mode.state;h == "sweeping" ? "#ffe41f" :"#000000"}
                    
                    1 Reply Last reply Reply Quote 0
                    • First post
                      Last post

                    Support us

                    ioBroker
                    Community Adapters
                    Donate

                    793
                    Online

                    31.9k
                    Users

                    80.2k
                    Topics

                    1.3m
                    Posts

                    7
                    8
                    6199
                    Loading More Posts
                    • Oldest to Newest
                    • Newest to Oldest
                    • Most Votes
                    Reply
                    • Reply as topic
                    Log in to reply
                    Community
                    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                    The ioBroker Community 2014-2023
                    logo