FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Reinerlein am 13 März 2017, 16:16:49

Titel: Chart-Widget: Wie kann man das Grid alignment beeinflussen?
Beitrag von: Reinerlein am 13 März 2017, 16:16:49
Hallo,

ich habe bei meinen Charts das Problem, dass ich die Bindung der horizonalen Hilfsinien nicht beeinflussen kann.

Im "normalen" FHEM-SVG kann man jeweils ein "Grid aligned" für jede Seite aktivieren oder deaktivieren, sodass man u.U. auch beide gleichzeitig aktivieren kann (mal abgesehen davon, ob das Sinnvoll ist...).
Hier habe ich noch keine Möglichkeit gefunden, dies festzulegen.

Gibt es diese Möglichkeit doch irgendwie?

Danke schon mal...

Grüße
Reinerlein
Titel: Antw:Chart-Widget: Wie kann man das Grid alignment beeinflussen?
Beitrag von: Standarduser am 13 März 2017, 20:11:27
Das sollte eigentlich mit den Attributen data-yticks und data-yticks_sec gehen.
Titel: Antw:Chart-Widget: Wie kann man das Grid alignment beeinflussen?
Beitrag von: Reinerlein am 13 März 2017, 21:44:06
Hallo Standarduser,

damit kann ich doch nur den Abstand zwischen den Linien beeinflussen. Leider habe ich nicht herausgefunden, wie ich einstellen kann, welche Linien überhaupt (also die welcher Seite) dargestellt werden. Das wird scheinbar zufällig getan...

Reinerlein
Titel: Antw:Chart-Widget: Wie kann man das Grid alignment beeinflussen?
Beitrag von: Standarduser am 13 März 2017, 21:51:14
Eigentlich sollte das funktionieren, indem Du die gewünschten Werte als Array einträgst.
Titel: Antw:Chart-Widget: Wie kann man das Grid alignment beeinflussen?
Beitrag von: Reinerlein am 13 März 2017, 22:31:35
? Ich kann mit diesen Parametern doch nur das Aussehen anpassen. Ich will aber die Darstellung überhaupt erst anschalten.

Beispiel:
Ich habe bei meinen Charts meistens beide Seiten definiert (also Rechts und Links). In der Darstellung werden aber immer nur die Linien einer Seite angezeigt. Zu allem Überfluss wechselt die Bindung auch noch zwischen den verschiedenen Charts (mal wird Rechts, mal wird Links gebunden).

Reinerlein
Titel: Antw:Chart-Widget: Wie kann man das Grid alignment beeinflussen?
Beitrag von: Standarduser am 14 März 2017, 08:42:03
So langsam verstehe ich, was Du meinst. Das Chart besitzt nur einmal Gridlines. Angezeigt werden die auf der Achse, auf der zuletzt ein Wert eingebunden wird.

Soll heißen:

data-uaxis='["primary","secondary","secondary","secondary"]'
^^erzeugt Gridlines auf der rechten Y-Achse

data-uaxis='["primary","secondary","secondary","primary"]'
^^erzeugt Gridlines auf der linken Y-Achse
Titel: Antw:Chart-Widget: Wie kann man das Grid alignment beeinflussen?
Beitrag von: Reinerlein am 14 März 2017, 08:53:02
Hi,

ahh, das erhellt zumindest mal die Logik. Ich hatte, ehrlich gesagt, nur geprüft, ob es der erste Graph ist, und der ist es nicht :)

Besteht denn die Möglichkeit, das noch relativ schmerzfrei einzubauen?
Dann müsste natürlich noch eine Einstellung dafür existieren, sowas wie "data-gridlines" und "data-gridlines_sec".

Ich kann wegen der Übermalreihenfolge nämlich nicht immer einfach die Reihenfolge der Graphen ändern. Manchmal wird das gehen, aber bei sehr vielen habe ich den untersten Graphen als Flächenfüller, damit man das besser unterscheiden kann...

Grüße
Reinerlein
Titel: Antw:Chart-Widget: Wie kann man das Grid alignment beeinflussen?
Beitrag von: Standarduser am 14 März 2017, 09:07:24
Finde ich eine gute Idee. Da kann Dir wahrscheinlich der eki am besten weiterhelfen. Er wartet das Widget nämlich.
Titel: Antw:Chart-Widget: Wie kann man das Grid alignment beeinflussen?
Beitrag von: eki am 14 März 2017, 10:41:33
Das geht leider nicht so ganz "schmerzfrei". Ich werde mal schauen was ich machen kann. Habe allerdings gerade wenig Zeit und auch noch ein paar andere anstehende Dinge, die am Chart gemacht werden sollten, kann also etwas dauern.

Ein "Würgaround" wäre, den Graphen, dessen Achse gezeichnet werden soll, einfach am Ende der Liste noch mal anzufügen (also zu verdoppeln anstatt zu verschieben) und diesem Graphen einen eigenen typ zu geben der alles durchsichtig malt (siehe Beispiel unten). Das Bild sollte dadurch (bis auf die Gridlines) nicht anders aussehen, da ja die anderen Graphen wieder darüber gemalt werden.

.ftui.l99fill { stroke:#000; fill:#000; stroke-width:0px; fill-opacity:0 }
Titel: Antw:Chart-Widget: Wie kann man das Grid alignment beeinflussen?
Beitrag von: eki am 20 März 2017, 16:20:13
Ist jetzt eingebaut. Siehe https://forum.fhem.de/index.php/topic,48450.msg401006.html#msg401006 (https://forum.fhem.de/index.php/topic,48450.msg401006.html#msg401006)
Titel: Antw:Chart-Widget: Wie kann man das Grid alignment beeinflussen?
Beitrag von: Standarduser am 20 März 2017, 17:55:40
^^Wiki geupdated