Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Icon mit Farbe je nach Temperatur-Wert eines Sensors

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    Icon mit Farbe je nach Temperatur-Wert eines Sensors

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

      Hey,

      ich baue gerade an meinen VIS Views und würde gern zusätzlich zur Textuellen Anzeige der Temperatur und Luftfeuchte per Icon (das mfd-Paket hat da schöne) auch eine erste schnelle Indikation geben. Dazu habe ich 4 Farben (blau, grün, gelb, rot) angedacht.

      Mein Versuch war nun der "Missbrauch" des Custom-Valve-Widgets. Zahlenbereich von 0 bis 30 gesetzt und dann überall das gleiche Icon und unterschiedliche farben definiert. Siehe hier:

      378_unbenannt.png

      Geht aber nicht. Das Icon bleibt immer weiss … sonst jemand eine Idee?

      1 Reply Last reply Reply Quote 0
      • Homoran
        Homoran Global Moderator Administrators last edited by

        Warum nimmst du nicht das Widget Basic value list HTML?

        Ok, ich weiß nicht, ob du da für die Beschriftung auf die Werte eines Datenpunkts zugreifen kannst.

        Auf jeden Fall kannst Du da die Farbe nach Zustand ändern.

        Werde das aber mal mit deinem valve Widget testen. Dauert aber was am Tablet.

        Gruß

        Rainer

        1 Reply Last reply Reply Quote 0
        • Homoran
          Homoran Global Moderator Administrators last edited by

          Bei mir klappt es mit der Farbe des Icons.

          War allerdings faul und habe nicht zu viel eingetragen.

          ! ````
          [{"tpl":"tplMfdCustom10","data":{"oid":"hm-rpc.1.LEQ0773306.2.TEMPERATURE","visibility-cond":"==","visibility-val":1,"asButton":true,"icon0":"widgets/jqui-mfd/img/sani_valve_0.svg","icon1":"widgets/jqui-mfd/img/sani_valve_10.svg","icon2":"widgets/jqui-mfd/img/sani_valve_20.svg","icon3":"widgets/jqui-mfd/img/sani_valve_30.svg","icon4":"widgets/jqui-mfd/img/sani_valve_40.svg","icon5":"widgets/jqui-mfd/img/sani_valve_50.svg","icon6":"widgets/jqui-mfd/img/sani_valve_60.svg","icon7":"widgets/jqui-mfd/img/sani_valve_70.svg","icon8":"widgets/jqui-mfd/img/sani_valve_80.svg","icon9":"widgets/jqui-mfd/img/sani_valve_90.svg","icon10":"widgets/jqui-mfd/img/sani_valve_100.svg","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"min":"20","max":"30","iconColor10":"#f40906","iconColor9":"#efb40b","iconColor8":"#f7ce36","iconColor7":"#ece813","iconColor6":"#a847f5","iconColor5":"#2443e0"},"style":{"left":"511px","top":"141px"},"widgetSet":"jqui-mfd"}]

          
          Gruß
          
          Rainer
          1 Reply Last reply Reply Quote 0
          • apollon77
            apollon77 last edited by

            Hey,

            ich will ja nicht die Text-Werte farblich machen sondern ein Icon was davor steht, also in der Art so:

            378_unbenannt.png

            Das Icon bekommt noch die Warnsymbole eingeblendet für LOWBAT und UNREACH 🙂

            Habe gerade mal das valuelist gecheckt … da muss ich glaube ich noch mehr einsteigen wie ich da das Bild hinbekomme oder die Farben flexibilisieren?! Hab ich gerade spontan nicht gefunden 😞

            1 Reply Last reply Reply Quote 0
            • apollon77
              apollon77 last edited by

              H …. dann muss ich heute Abend nochmal spielen und mir deins anschauen...

              1 Reply Last reply Reply Quote 0
              • apollon77
                apollon77 last edited by

                Ooohje … gefunden ...

                Mit SVG Icons tut es ... mit PNG nicht 😞

                Andere off-Topic Frage: Wann werden denn die icons (speziell mdf) aktualisiert? Was muss man dazu tun?

                Es gibt neue Icons im Set laut deren Webseite. Habe nur gesehen das die wohl beim installieren des Adapters geladen werden ... Muss ich für ein Update den Adapter also löschen und neu anlegen?

                1 Reply Last reply Reply Quote 0
                • Homoran
                  Homoran Global Moderator Administrators last edited by

                  @apollon77:

                  Es gibt neue Icons im Set laut deren Webseite. Habe nur gesehen das die wohl beim installieren des Adapters geladen werden … Muss ich für ein Update den Adapter also löschen und neu anlegen? `
                  Ich denke du musst Bluefox ganz lieb bitten ein Update für den Adapter mit den neuen Icons zu machen 😉

                  Gruß

                  Rainer

                  1 Reply Last reply Reply Quote 0
                  • apollon77
                    apollon77 last edited by

                    Jain … wenn ich den Code richtig verstehe wird es bei der Installation automagisch runtergeladen und ist gar nicht im Paket selbst drin

                    1 Reply Last reply Reply Quote 0
                    • Homoran
                      Homoran Global Moderator Administrators last edited by

                      Dann würde ich einfach mal drüberinstallieren.

                      Vorher npm cache clean

                      Viel Glück

                      Rainer

                      1 Reply Last reply Reply Quote 0
                      • ?
                        A Former User last edited by Homoran

                        Hallo,

                        dieser Beitrag ist zwar schon etwas älter, dennoch habe ich seit Jahren schon mehrere funktionierende Lösungen.

                        Meine neuste läuft bereits rein über php und zeigt zu jeder einzelnen Temperatur in 0,1°-Schriiten einen Farbwert, und auch die Farbe selbst.

                        Zuvor hatte ich bereits Bilder, wie im Eingangspost erwähnt und danach eine Javascript-Lösung. Die neueste Variante kann man sogar in einer sich ständig aktualisierenden PDF-Datei einbinden.

                        Falls hieran irgendjemand Interesse hat biete ich meine Hilfe an.

                        Mit freundlichen Grüßen

                        E 1 Reply Last reply Reply Quote 0
                        • E
                          Einstein2002 @Guest last edited by Homoran

                          @solarfanenrico sagte in Icon mit Farbe je nach Temperatur-Wert eines Sensors:

                          Hallo,

                          dieser Beitrag ist zwar schon etwas älter, dennoch habe ich seit Jahren schon mehrere funktionierende Lösungen.

                          Meine neuste läuft bereits rein über php und zeigt zu jeder einzelnen Temperatur in 0,1°-Schriiten einen Farbwert, und auch die Farbe selbst.

                          Zuvor hatte ich bereits Bilder, wie im Eingangspost erwähnt und danach eine Javascript-Lösung. Die neueste Variante kann man sogar in einer sich ständig aktualisierenden PDF-Datei einbinden.

                          Falls hieran irgendjemand Interesse hat biete ich meine Hilfe an.

                          Mit freundlichen Grüßen

                          Hallo,
                          ich würde gerne auf Deine Hilfe zurückkommen. Oder auf jede andere Hilfe.
                          Was möchte ich machen? Ich habe eine Raumtemperaturanzeige und die soll in den verschiedenen Farben je nach Temperatur Anzeigen.
                          Ich habe das Value & Indicator versucht, steige aber nicht so richtig durch wie ich was wo einzustellen habe.
                          Danke jetzt schon mal.

                          Gruß Michael

                          Homoran 1 Reply Last reply Reply Quote 0
                          • Homoran
                            Homoran Global Moderator Administrators @Einstein2002 last edited by

                            @einstein2002 sagte in Icon mit Farbe je nach Temperatur-Wert eines Sensors:

                            Ich habe das Value & Indicator versucht, steige aber nicht so richtig durch wie ich was wo einzustellen habe.

                            wo haperts denn?
                            Screenshot_20240906-150953_Firefox.jpg

                            E 1 Reply Last reply Reply Quote 0
                            • E
                              Einstein2002 @Homoran last edited by

                              @homoran 77dea9a0-ef0d-4358-b005-4318a736e3ad-image.png

                              Das habe ich eingestellt, aber die Anzeige bleibt immer nur weiß

                              f3db57f8-9c0c-43b2-bbf2-5bf08214cc5e-image.png

                              Homoran 1 Reply Last reply Reply Quote 0
                              • Homoran
                                Homoran Global Moderator Administrators @Einstein2002 last edited by

                                @einstein2002 da fehlt min, mid und max

                                E 1 Reply Last reply Reply Quote 0
                                • E
                                  Einstein2002 @Homoran last edited by

                                  @homoran
                                  Okay,
                                  was wären denn vernünftige Werte für einen Innenraum?

                                  0, 15 40?

                                  Homoran 1 Reply Last reply Reply Quote 0
                                  • Homoran
                                    Homoran Global Moderator Administrators @Einstein2002 last edited by

                                    @einstein2002 sagte in Icon mit Farbe je nach Temperatur-Wert eines Sensors:

                                    @homoran
                                    Okay,
                                    was wären denn vernünftige Werte für einen Innenraum?

                                    0, 15 40?

                                    nicht wirklich!
                                    18, 21, 25??
                                    kältest gewünschte, wohlfühltemperatur, Hitzegrenze

                                    probiers aus

                                    E 1 Reply Last reply Reply Quote 0
                                    • E
                                      Einstein2002 @Homoran last edited by

                                      @homoran
                                      Bleibt weiterhin weiß

                                      Hatte erst mit meinen Werten und jetzt Deine Werte gesetzt, nur wenn ich die 3 Farben lösche Ändert sich etwas, aber ich kann nicht genau nachvollziehen wie sich dann die Farben ändern.

                                      Homoran 1 Reply Last reply Reply Quote 0
                                      • Homoran
                                        Homoran Global Moderator Administrators @Einstein2002 last edited by

                                        @einstein2002 sagte in Icon mit Farbe je nach Temperatur-Wert eines Sensors:

                                        Bleibt weiterhin weiß

                                        was?

                                        E 2 Replies Last reply Reply Quote 0
                                        • E
                                          Einstein2002 @Homoran last edited by

                                          @homoran
                                          b98c36ca-681f-4756-ac16-d4df355f44ae-image.png

                                          Ich habe jetzt die drei Farben gelöscht und meine Anzeige springt auf Rot.

                                          228ec9b2-061b-47d2-acb3-64a766b36a75-image.png

                                          Ich ändere mal die Temperatur zum Test um, denke aber so könnte es gehen.

                                          Ich melde mich gleich...

                                          Homoran 1 Reply Last reply Reply Quote 0
                                          • E
                                            Einstein2002 @Homoran last edited by

                                            @homoran

                                            Danke das war der entscheidende Tipp!!

                                            Jetzt geht es, Dankeschön!!!!

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            832
                                            Online

                                            32.0k
                                            Users

                                            80.4k
                                            Topics

                                            1.3m
                                            Posts

                                            4
                                            23
                                            2931
                                            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