Ankündigung

Einklappen
Keine Ankündigung bisher.

"Dynamisches Einfärben" von dynamischen Icons

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    "Dynamisches Einfärben" von dynamischen Icons

    Guten Morgen

    Ich verwende gerne dynamische Icons oder basic.shifter um gewisse Werte besser zu visualisieren. Noch besser sind allerdings zusätzliche Farben. Das geht z.T. ganz gut mit basic.shifter und Iconseries, weil ich da die Farbe der einzelnen Icons einfach vorher festlege. So mache ich das mit dem Zisternen- und Batterie-Icon. Nicht die eleganteste Lösung, erfüllt aber den Zweck und der WAF ist hoch.
    Jetzt möchte ich aber ein dynamisches Icon verwenden, das mir z.B. die Leistung vom PV-Batteriespeicher und die Netzleistung anzeigt. Die Werte können positiv und negativ sein. Z.B. ist die Batterieleistung negativ, wenn der Speicher ENTladen wird (schlecht) und positiv, wenn GEladen wird (gut). Bei der Netzleistung ist es ähnlich. Negativ, wenn ich einspeise (gut), positiv, wenn ich beziehe (schlecht). Die Umrechnug der negativen/positiven Werte auf die Darstellung in icon.meter habe ich denke ich im Griff.
    Was jetzt noch fehlt ist die Einfärbung. Zwar gibt es den Farbparameter, der ist aber statisch. Ich kann also nicht abhängig vom Wert die Farbe ändern.
    Also für die Batterieleistung z.B.:
    Skala von icon.meter geht von 0 bis 100 (kein Problem).
    Werte von 0-48 sollen das Icon rot färben
    49-51 neutral
    52-100 grün.
    Das könnte man wunderbar für so manchen dynamischen Wert verwenden, z.B. Autarkie, Eigenstrom, Windgeschwindigkeit...

    Das bekommt man mit bereits vorhanden "Bordmitteln" nicht hin, oder?
    Sprich, da muss man das Widget ändern und somit kommt Javascript zum Einsatz. Das kann ich leider gar nicht.
    Oder hab ich was übersehen und es geht doch mit einfachen Mitteln?

    Wäre prima, wenn das irgendwie ohne monströsen Aufwand zu machen wäre, denn ein Bild (Icon) sagt mehr als 1000 Worte, ein FARBIGES - wohlüberlegt eingesetztes - aber noch mal eine Menge mehr. Man darf's halt nicht übertreiben und jetzt alles so schön bunt machen wie bei einem LSD Trip.

    Das gleiche wäre auch für eine Wert- (Text-) Ausgabe super. Die reinen Werte sagen manchmal nicht für jeden gleich was aus, wenn man aber dazu noch Farbe verwendet, sticht es direkt ins Auge. Bei mir Zuhause ist der WAF da extrem hoch. Meine Holde hat sich das auch so gewünscht.

    Gruß, Sipple


    #2
    Ich habe eben das Widget basic.icon hinzugefügt, damit ist dies möglich.

    Kommentar


      #3
      genial!

      Aber ich denke in der Doku ist ein kleiner Fehler:

      "pic
      unique id for this widget (optional)"

      Ist verkehrt, gell?
      Müsste "name of the icon to display" oder so heißen.

      Gruß, Martin

      Kommentar


        #4
        Ja, das passt irgendwie nicht zusammen.

        Kommentar


          #5
          Wie könnte die Lösung für das eingangs erwähnte Problem aussehen? Wenn ich das basic.icon richtig verstehe, dann muss für die Farbe, bzw. RGB Werte ein bzw. drei Items definiert werden und diese abhänging vom Wert, also in obigem Beispiel "Batterieleistung" Farbwerte hinterlegt werden. Ist das richtig, oder geht es einfacher?
          Wäre es möglich mit basic.symbol zu arbeiten, also in etwa sowas (pseudocode):
          Code:
          {{ basic.symbol('', item, '', image, [0, 1], 'VAR1>50?1:0', ['#00ff00', '#ff0000']) }}
          Gruß, Franz

          Kommentar

          Lädt...
          X