FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Kharim am 07 Oktober 2016, 09:36:36

Titel: In einem Chart 12 Graphen darstellen
Beitrag von: Kharim am 07 Oktober 2016, 09:36:36
Hallo Zusammen,

wie kann ich 12 Graphen in einem Chart darstellen?
Es handelt sich um 6 Temperaturen und 6 Feuchtewerte.
Temperaturen links, Feuchte rechts orientiert - soweit klar.

Nun suche ich 12 verschiedene Darstellungsformen/farben.
Farblich komme ich auf 7 verschiedene Farben.....

Angeblich können die Graphen auf fa Symbole als ptype verwenden - allerdings gibt das bei mir mininal kleine Punkte -> also nicht wirklich erkennbar.

Gibt es eine Möglichkeit Linien zu markieren? Quasi Symbol und Linie zu überlagern?
Kann mir hier jemand einen Tipp geben?

P.s: Ja, die 12 Graphen sollen alle in ein Chart....

Danke,
Kharim
Titel: Antw:In einem Chart 12 Graphen darstellen
Beitrag von: eki am 07 Oktober 2016, 11:19:45
Ich denke am einfachsten wäre es , wenn Du Farben und Strichtypen (dash und dot) kombinierst. Damit hast Du 7 Farben mal 3 Strichtypen macht theoretisch 21 verschiedene Möglichkeiten.
Beispiel:
data-style='["ftui l0","ftui l0dot","ftui l0dash","ftui l1","ftui l1dot","ftui l1dash"]'

Weitere Möglichkeiten (lines und dot) als ptype mischen oder Symbole verwenden (dann sollte der style aber sym am Ende haben.
Beispiel:
data-style='["ftui l0sym"]'
data-ptype='["fa-cog"]'
Titel: Antw:In einem Chart 12 Graphen darstellen
Beitrag von: Kharim am 07 Oktober 2016, 12:58:55
Zitat von: eki am 07 Oktober 2016, 11:19:45

Weitere Möglichkeiten (lines und dot) als ptype mischen oder Symbole verwenden (dann sollte der style aber sym am Ende haben.
Beispiel:
data-style='["ftui l0sym"]'
data-ptype='["fa-cog"]'


Das sieht gut aus. Damit sind die Symbole überhaupt erst einmal erkennbar.
Geht es vieleicht noch etwas größer?
Bzw wo finde ich solche Informationen?
Titel: Antw:In einem Chart 12 Graphen darstellen
Beitrag von: eki am 07 Oktober 2016, 14:47:34
die Größen sind im css File festgelegt und dort anpassbar ( fhem/www/tablet_eval/css/ftui_chart.css ).