Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[dtp]

Hi,

gibt es eine Möglichkeit, ein Widget mit einem Flot-Diagramm um 90° gedreht anzuzeigen, also hochkant? Hintergrund ist der, dass ich auf meinem iPhone die Diagramme gerne möglichst groß dargestellt haben möchte, aber meine Views ansonsten auf das Hochformat optimiert sind.

Gruß,

Thorsten

[I-Punkt]

Könnte mir vorstellen, das man mit dem Phantomjs-Adapter regelmäßig oder bei Bedarf ein Bild von der flot-URL erzeugt, in ein Image-Widget packt und dann dort die Darstellung dreht.

Hmm, vielleicht geht das auch direkt mir URL in einem Iframe. Ggf. mal probieren.
Edit: Ja, geht auch direkt mit der Flot-Darstellung.

[dtp]

@I-Punkt sagte in Flot-Diagramm hochkant anzeigen?:

Edit: Ja, geht auch direkt mit der Flot-Darstellung.

Klasse. Danke. Werde ich heute Abend mal umsetzen.

[dtp]

Ist leider nicht ganz das, was ich möchte, da sich nur das Flot-Diagramm innerhalb des Dialogfensters dreht, aber nicht das Dialogfenster selbst.

[I-Punkt]

Welches Dialogfenster? Welches Widget? Mach mal bitte wenn möglich einen Screenshot, vielleicht wird es dann klarer.

[dtp]

Okay,

hier mal zwei Screenshots vom Editor.

Und hier einer vom Ergebnis in der ioBroker App auf dem iPhone X.

Ist aber eigentlich schon mal ganz okay.

[I-Punkt]

Bin jetzt nicht so der CSS-Profi, aber versuch mal

.ui-dialog{transform: rotate(90deg);}

im CSS-Feld.

Kann aber sein, dass dann alle Dialoge hochkant stehen. Da bin ich dann aber raus, wie man das noch individualisiert für nur dieses spezielle Widget.

[Homoran]

@dtp Hallo Thorsten.

willst du es drehen, oder willst du es hochkant, wie:

Dafür gibt es die Möglichkeit Höhe und Breite im flot unter Options einzugeben

[dtp]

@I-Punkt sagte in Flot-Diagramm hochkant anzeigen?:

Kann aber sein, dass dann alle Dialoge hochkant stehen.

Ja, da würden dann wohl sämtliche Dialoge aller Projekte und Views hochkant stehen. Das ist nich das, was ich möchte. Aber ich glaube, ich lasse es jetzt erst mal so. Ist ja auch ganz okay so.

@Homoran sagte in Flot-Diagramm hochkant anzeigen?:

Dafür gibt es die Möglichkeit Höhe und Breite im flot unter Options einzugeben

Nee, das ist nicht das, was ich möchte. Ich möchte wirklich eine 90°-Drehung des Diagramms.

[I-Punkt]

Durch ein dem CSS vorangestelltes

#visview_Main

könnte man es wohl zumindest auf die entsprechende View (hier: Main) beschränken.