NEWS
Farbverlauf funktioniert nicht
-
Hallo,
ich bin im Moment dabei, etwas mit Farbverläufen zu experimentieren. Jetzt habe ich ein Problem und weiß nicht warum das so ist und zwar klappt der Farbverlauf wenn die grüne Farbe auf der linken Seite ist, aber wenn sie auf der rechten ist funktioniert der Farbverlauf nicht. Wisst ihr warum das so ist bzw wie ich es von beiden Seiten hinbekomm?
geht (grün links):
{b:sonoff.0.DVES_22F787.POWER;b=="false" ? "red" : "-webkit-linear-gradient(-45deg, #00e027 0%,#484c55 30%)"}
geht nicht (grün rechts):
{b:sonoff.0.DVES_22F787.POWER;b=="false" ? "red" : "-webkit-linear-gradient(-45deg, #484c55 30%,#00e027 0%)"}
-
Weißt du das zufällig? Weil ich hab gesehen das du dich mit Farbverläufen auskennst...
-
-webkit-linear-gradient(-45deg, #484c55 40%,#00e027 80%) -webkit-linear-gradient(-45deg, #484c55 70%,#00e027 80%)
oder kennst du das !?
-
Danke geht eine Frage noch und zwar geht es auch das links grün ist in der Mitte der grau Ton und rechts wieder grün? Also zweimal einen Farbverlauf?
-
Den Mittelwert dazu und dann musst du mit den % Spielen .
-webkit-linear-gradient(-45deg, #00e027 30%,#484c55 50%,#00e027 90%)
oder so , nur die Farben vorgeben :
-webkit-linear-gradient(-45deg, #00e027 , #484c55 , #484c55 , #00e027 )
oder so
-webkit-linear-gradient(-45deg, #00e027 ,#484c55 ,#484c55 , #b700e0, #484c55 , #484c55 , #00e027 )
-
Vielen Dank! Jetzt sind mir ein paar Sachen klar geworden...
-
ich stelle meine Vis gerade auf ein responisve Layout um und versuche mich gerade an einem Farbverlauf, aber leider funktioniert das nicht so wie ich mir das Vorstelle.
Darstellen möchte ich einen Temperaturverlauf von -20 bis 40 Grad,
Farbe bis 0 Grad Blau
Farbverlauf von 0 - 15 Grad von Blau zu Grün
Farbe von 15 - 25 Grad Grün
Farbverlauf von 25 - 40 Grad von Grün zu RotBis jetzt bin ich leider kläglich gescheitert
Momentan sieht es folgendermaßen aus
Volle Bildschirmauflösung:
Verringerte Bildschirmauflösung:
Eingabe bei backround im Widget:
linear-gradient(to right, #0e6ed8 0%, #4CAF50 65%, #F44336 100% )
Die Länge des Widget berechne ich mit "calc(100% - 40px)"
Hast du vielleicht eine Idee?
-
@Oli sagte in Farbverlauf funktioniert nicht:
@Glasfaser
Darstellen möchte ich einen Temperaturverlauf von -20 bis 40 Grad,Farbe bis 0 Grad Blau
Farbverlauf von 0 - 15 Grad von Blau zu Grün
Farbe von 15 - 25 Grad Grün
Farbverlauf von 25 - 40 Grad von Grün zu RotHast du vielleicht eine Idee?
Im Moment fällt mit nichts ein , da es ein Farbverlauf ist .
Vielleicht so :
Einen Datenpunkt mit den einzelnen Werten füllen ( Skript mit 4 Bedingungen anlegen ) :
-
Super, danke hat geklappt
-
@oli @Glasfaser
Vielleicht ist ja noch jemand hier...
Wie würde die Eingabe im background Feld eines Widgets stattlinear-gradient(to right, #0e6ed8 0%, #4CAF50 65%, #F44336 100% )
aussehen, wenn ich anstelle der festen Hexcodes für die Farben Datenpunkte aus iobroker verwenden möchte, welche die Hexcodes enthalten ? Kriege ich grade nicht gebacken.