Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Temperaturregler mit Farbverlauf

    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

    Temperaturregler mit Farbverlauf

    This topic has been deleted. Only users with topic management privileges can see it.
    • OliverIO
      OliverIO @Andre3000 last edited by

      @andre3000 said in Temperaturregler mit Farbverlauf:

      Hi Zusammen,

      ich bin neuer iobroker User und kämpfe mich momentan durch die verschiedensten Beiträge. Konkret suche ich eine Lösung um folgende Thermostatsteuerung zu realisieren:

      545bb92d-85c6-4072-bd65-bc7a2eabe1de-image.png

      Hat jemand eine Idee wie sich dieser Halbkreis Regler mit Farbverlauf umsetzen lässt?

      Danke & Grüße,
      André

      Am nächsten müsste der CircleKnob aus dem adapter hqwidgets kommen.
      hab ich war nicht ausprobiert, aber man müsste einen Farbverlauf setzen können. Was nicht geht sind die Einteilungsstriche
      Die Zahlen am Anfang und am Ende, sowie die Texte Setpoint, Ambient müsste man separat mit Text-widgets direkt drauf platzieren.
      Die Plus Minus-Knöpfe ebenfalls mit grafischen Knöpfen separat drauf platzieren

      A 1 Reply Last reply Reply Quote 1
      • A
        Andre3000 @OliverIO last edited by

        @oliverio Guter Tipp, vielen Dank! Leider lässt sich in der Konfig vom Widget kein CSS Farberverlauf mitgeben:

        f0daca59-a62d-4df5-9049-62ceb28d67b3-image.png

        Sobald ich mit gradients arbeite, färbt sich der Halbkreis lediglich schwarz. Weiß jemand wie die Klasse heißt, dann könnte ich es im CSS Tab anpassen.

        OliverIO liv-in-sky 2 Replies Last reply Reply Quote 0
        • OliverIO
          OliverIO @Andre3000 last edited by

          @andre3000 said in Temperaturregler mit Farbverlauf:

          @oliverio Guter Tipp, vielen Dank! Leider lässt sich in der Konfig vom Widget kein CSS Farberverlauf mitgeben:

          f0daca59-a62d-4df5-9049-62ceb28d67b3-image.png

          Sobald ich mit gradients arbeite, färbt sich der Halbkreis lediglich schwarz. Weiß jemand wie die Klasse heißt, dann könnte ich es im CSS Tab anpassen.

          ich sehe gerade, das wird als canvas gezeichnet.
          da müsste man die bibliothek anpassen um einen gradienten zu zeichnen.

          1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @Andre3000 last edited by

            @andre3000

            https://forum.iobroker.net/post/273616

            Image 1.png

            A 1 Reply Last reply Reply Quote 1
            • A
              Andre3000 @liv-in-sky last edited by

              @liv-in-sky Coole Idee, aber wenn ich das richtig sehe, kann dort der Farbverlauf nur über Sektoren eingestellt werden. Da bräuchte ich einige 100 um einen halbwegs flüssigen verlauf abbilden zu können.
              Wichtig wäre auch, dass die Steuerung über den Balken möglich ist.

              Dieser CircleKnob kommt der Sache schon sehr nah, habe aber @OliverIO Kommentar bezüglich der Bibliothek nicht verstanden.
              Danke & Grüße,
              André

              OliverIO 1 Reply Last reply Reply Quote 0
              • OliverIO
                OliverIO @Andre3000 last edited by

                @andre3000 said in Temperaturregler mit Farbverlauf:

                @liv-in-sky Coole Idee, aber wenn ich das richtig sehe, kann dort der Farbverlauf nur über Sektoren eingestellt werden. Da bräuchte ich einige 100 um einen halbwegs flüssigen verlauf abbilden zu können.
                Wichtig wäre auch, dass die Steuerung über den Balken möglich ist.

                Dieser CircleKnob kommt der Sache schon sehr nah, habe aber @OliverIO Kommentar bezüglich der Bibliothek nicht verstanden.
                Danke & Grüße,
                André

                das widget verwendet eine separate bibliothek und bindet diese in vis ein
                https://github.com/aterrien/jQuery-Knob
                leider sieht der Programmierer hier keinen Farbverlauf vor, daher funktioniert es damit dann nicht.

                Wenn man es dennoch will, muss man

                • zuerst die zugrundeliegende Bibliothek erweitern
                • dann diese unter einem anderen Namen ablegen
                • dann einen neuen adapter programmieren, der diese neue bibliothek verwendet
                • dann ein neues widget programmieren, der diese neue Konfigurationsmöglichkeit anbietet.

                -> Ergebnis: ohne Programmierkenntnisse nicht möglich

                A 1 Reply Last reply Reply Quote 0
                • A
                  Andre3000 @OliverIO last edited by

                  @oliverio Danke für deine ausführliche Rückmeldung. Abgesehen von den fehlenden Kenntnissen scheint auch der Aufwand dafür in keinem angemessenem Verhältnis zu liegen.

                  Thomas Jansen OliverIO 2 Replies Last reply Reply Quote 0
                  • Thomas Jansen
                    Thomas Jansen @Andre3000 last edited by

                    @andre3000 Kannst Du das nicht mit Grafana machen?
                    LG

                    1 Reply Last reply Reply Quote 0
                    • OliverIO
                      OliverIO @Andre3000 last edited by

                      @andre3000 sagte in Temperaturregler mit Farbverlauf:

                      @oliverio Danke für deine ausführliche Rückmeldung. Abgesehen von den fehlenden Kenntnissen scheint auch der Aufwand dafür in keinem angemessenem Verhältnis zu liegen.

                      Noch eine kreative Idee
                      Per binding Im hintergrundfarbenfeld kannst du dynamisch die Farbe je nach ausgewähltem Wert anpassen.

                      1 Reply Last reply Reply Quote 1
                      • A
                        Andre3000 last edited by

                        @oliverio Vielen dank für deinen Tipp! Mit der Binding Funktion sieht das ganze schon deutlich attraktiver aus. Habe ca. 22 Farben mit den Soll-Temp Werten meiner Heizungssteuerung verknüpft. Jetzt wirkt das ganze dynamischer.

                        Kämpfe gerade mit einem ganz anderen Problem. Leider aktualisieren sich die Werte in den Widgets nicht mehr. D.h. ich spiele am Regler und stelle den Sollwert von 8 auf 28 Grad und der Wert (String-unescaped) verändert sich nicht. Das ist vermutlich ein Thema für einen anderen Beitrag denke ich.

                        Danke & Grüße,
                        André

                        1 Reply Last reply Reply Quote 0
                        • B
                          Balu 0 @Andre3000 last edited by

                          @andre3000

                          Hallo zusammen !

                          gibt es so einen oder ähnlichen Temperaturregler für VIS ?

                          Grüße
                          Balu

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

                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          945
                          Online

                          31.9k
                          Users

                          80.1k
                          Topics

                          1.3m
                          Posts

                          6
                          17
                          1792
                          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