Seite 1 von 1
Gradient in einer Cell
Verfasst: 28. Nov 2021 12:00
von lenschith
Hallo zusammen,
ich habe ein Problem und finde keine Lösung im Netz.
Ich möchte in einer Cell im Chart einen Farbverlauf von blau auf rot aber irgendwie will das nicht klappen.
Kann mir jemand einen Tipp geben was ich dort eintragen muss?
Screenshot 2021-11-28 115925.png
Leider hat mir der Link dort nicht weitergeholfen.
Danke
Lenschi
Re: Gradient in einer Cell
Verfasst: 28. Nov 2021 13:56
von peter-pan
...probiere es mal so in der Parameter-Zeile:
Der Farbverlauf ist hier von blau über gelb nach rot.
Als Yaml-Code sollte das dann etwa so aussehen:
Code: Alles auswählen
component: oh-cell
config:
trendItem: Socket_Fritz_04_Power
actionModal: page:MondUmlauf
title: Leistung AVM Steckdose Büro
trendGradient:
- "#3a86ff"
- "#ffe74c"
- "#f94144"
trendStrokeWidth: "6"
slots: null
Ein ähnliches Beispiel dazu (angelehnt) habe ich im
internationalen Forum gefunden.
Das Ganze sieht dann so aus:
trendline.jpg
Re: Gradient in einer Cell
Verfasst: 28. Nov 2021 15:35
von lenschith
Danke Peter für die Info.
Wenn ich das in der YAML editiere klappt das auch. Wenn ich das über die UI eingebe bleibt der Chart leer und sieht dann in der YAML so aus.
Screenshot 2021-11-28 153449.png
Danke für den Tipp.
Gruß Lenschi
Re: Gradient in einer Cell
Verfasst: 28. Nov 2021 16:24
von peter-pan
Ja genau. Da hab ich jetzt auch noch "rumgedoktort". Das war wie beim Blinker.... geht, geht nicht, geht....
Aber dann habe ich mir nochmal den Beitrag im internationalen Forum und auch den VUE Trend-Code angeschaut. Das muss irgendetwas mit den eckigen Klammern (Arrays) zu tun haben. Versuch mal im UI-Cell-Widget diese Syntax
...aber ohne Space nach dem Komma.
Re: Gradient in einer Cell
Verfasst: 28. Nov 2021 16:28
von lenschith
Das geht dann auch. Steht dann so in der YAML
Code: Alles auswählen
component: oh-cell
config:
action: popup
actionModal: page:zubertemp
trendItem: ZuberSensorbox1_Wassertemperatur
title: Wassertemperatur
subtitle: Chart
icon: f7:zoom_in
color: red
trendGradient: =['#FF0000','#FFD700','#00008B']
trendSampling: "240"
trendStrokeWidth: "5"
Danke
Re: Gradient in einer Cell
Verfasst: 28. Nov 2021 16:58
von peter-pan
Genau, mal so und aber auch manchmal in der anderen Form. Ich hab's leider nicht abschliessend ergründen können
. Aber vielleicht gibt es doch noch einen Mitstreiter, der des Rätsel's Lösung hat
