Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. Bindingsabhängige Farbbereiche

    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

    Bindingsabhängige Farbbereiche

    This topic has been deleted. Only users with topic management privileges can see it.
    • bahnuhr
      bahnuhr Forum Testing Most Active last edited by

      Hier ein Binding von mir; dies funktioniert einwandfrei.

      {v:javascript.0.Geräte.Wemos.Wemos-Drucksensor.Sensor_05_Heizung;v<1.4?"red":v<1.6?"orange":v>2?"orange":v>2.2?"red":"#00FF00"}
      

      Das o.g. Binding sieht gut aus.
      Dann machst du irgendetwas anders.

      Welches Widget hast du?
      Wo trägst du dies ein (Hardcopy)?

      ub.privat 1 Reply Last reply Reply Quote 0
      • ub.privat
        ub.privat @bahnuhr last edited by

        @bahnuhr

        ... habs jetzt hinbekommen!
        Aber noch eine kleine Frage. Wie kann ich größer/gleich und kleiner/gleich anwenden?
        Wann muss ich in der Programmierung Leerzeichen verwenden?

        {wert:hm-rpc.2.0006D788585F67.1.ACTUAL_TEMPERATURE; wert < 20 ? "#63a4ff" : wert > 21 ? "#ff6659" : "#6abf69"} 					
        

        Bei dir sind diese nicht vorhanden.

        bahnuhr 2 Replies Last reply Reply Quote 0
        • bahnuhr
          bahnuhr Forum Testing Most Active @ub.privat last edited by bahnuhr

          @ub-privat sagte in Bindingsabhängige Farbbereiche:

          Wie kann ich größer/gleich und kleiner/gleich anwenden?

          versteh ich nicht.

          wie in Mathe üblich, also
          v<=1.4
          oder
          v>=1.4

          oder du machst gleich eine Und - Prüfung, so:
          {v:javascript.0.Geräte.Wemos.Wemos-Wohnzimmer.CO2;(v>1000&&v<=1500) ? "#51a0f5": "rgb(255, 255, 255)"}

          ub.privat 1 Reply Last reply Reply Quote 0
          • bahnuhr
            bahnuhr Forum Testing Most Active @ub.privat last edited by

            @ub-privat sagte in Bindingsabhängige Farbbereiche:

            Wann muss ich in der Programmierung Leerzeichen verwenden?

            Ich habe gar keine Leerzeichen.

            Homoran ub.privat 2 Replies Last reply Reply Quote 0
            • Homoran
              Homoran Global Moderator Administrators @bahnuhr last edited by

              @bahnuhr sagte in Bindingsabhängige Farbbereiche:

              @ub-privat sagte in Bindingsabhängige Farbbereiche:

              Wann muss ich in der Programmierung Leerzeichen verwenden?

              Ich habe gar keine Leerzeichen.

              Das sagt @ub-privat ja

              @ub-privat sagte in Bindingsabhängige Farbbereiche:

              Bei dir sind diese nicht vorhanden.

              1 Reply Last reply Reply Quote 0
              • ub.privat
                ub.privat @bahnuhr last edited by

                @bahnuhr

                eigentlich logisch - denkt man?! 😉 Wenn du so schreibst, kann ich nur zustimmen und habe wieder gelernt.
                Die UND-Prüfung ist auch sehr gut, habe ich schon angewandt (Füllstand Zisterne), klappt super.

                Danke!

                1 Reply Last reply Reply Quote 0
                • ub.privat
                  ub.privat @bahnuhr last edited by

                  @bahnuhr

                  na dann werde ich in der syntax noch ein wenig Ordnung schaffen... Auch hierfür DANKE.

                  Omnedon 1 Reply Last reply Reply Quote 0
                  • bahnuhr
                    bahnuhr Forum Testing Most Active last edited by

                    Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
                    Danke.

                    1 Reply Last reply Reply Quote 1
                    • Omnedon
                      Omnedon @ub.privat last edited by

                      @ub-privat
                      Hallo,
                      ich hatte was Ähnliches vorgehabt, aber mit mehr Farben im spiel und das auch für mehrere Widgets.
                      Hier ist das Problem, dass man die dann einzeln anpassen muss, wenn man an den Farbwerten Änderungen machen möchte.

                      Ich habe das so gelöst.

                      1. Im Widget selbst z.B bei Background-color rufe ich eine JavaScript Funktion "TempToColor"
                      {n:hm-rpc.5.000E9569A32000.1.ACTUAL_TEMPERATURE; TempToColor(n)}
                      
                      1. Hinzufügen der JavaScript-Funktion in den "Script"-Tab:

                      372ae027-0c4c-40aa-8c46-240104e30b30-image.png

                      function TempToColor(n)
                      {
                          var rgb = Hex2Deci('A9F5A9');
                          
                          if (n > 50)         rgb = Hex2Deci('8B0000');
                          else if (n >= 40)    rgb = Hex2Deci('CD0000');
                          else if (n >= 35)    rgb = Hex2Deci('FF0000');
                          else if (n >= 30)    rgb = Hex2Deci('FF6347');
                          else if (n >= 25)    rgb = Hex2Deci('edd0d4');
                          else if (n >= 20)    rgb = Hex2Deci('00FF00');
                          else if (n >= 15)    rgb = Hex2Deci('A9F5A9');
                          else if (n >= 10)    rgb = Hex2Deci('CEECF5');
                          else if (n >= 5)     rgb = Hex2Deci('A9E2F3');
                          else if (n >= 0)     rgb = Hex2Deci('81BEF7');
                          else if (n >= -5)    rgb = Hex2Deci('2E64FE');
                          else if (n >= -10)   rgb = Hex2Deci('0000FF');
                          else                rgb = Hex2Deci('08088A');
                      
                          return 'rgb(' + rgb[0] + ',' + rgb[1] + ',' + rgb[2] + ')'; 
                      }
                      
                      function Hex2Deci(hex) // Hexadezimal nach Dezimal
                      {
                          var r, g, b, hr, hg, hb;
                          
                          hr = hex.substr(0,2);
                          r = parseInt(hr,16);
                          
                          hg = hex.substr(2,2);
                          g = parseInt(hg,16);
                      
                          hb = hex.substr(4,2);
                          b = parseInt(hb,16);
                      
                          return [r, g, b];
                      }
                      

                      Ich hoffe das hilft ebenfalls.
                      Viele Grüße

                      ub.privat 1 Reply Last reply Reply Quote 1
                      • ub.privat
                        ub.privat @Omnedon last edited by

                        @omnedon

                        Na das schau ich mir ebenefalls an! Dafür habe ich auch schon eine Anwendung!
                        Besten Dank.

                        Das Script wird direkt dem Widget zugeordnet, wo das "Farbspiel" zur Anwendung kommt?

                        1 Reply Last reply Reply Quote 0
                        • First post
                          Last post

                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        661
                        Online

                        31.9k
                        Users

                        80.1k
                        Topics

                        1.3m
                        Posts

                        4
                        13
                        709
                        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