FLOT Diagramme ausrichten

[JB_Sullivan]

Hallo zusammen,
kann mir jemand sagen, wie ich ein FLOT Diagramm im Anzeigefenster (basic-iframe) Mittig ausgerichtet bekomme? Mein Problem ist, das dieses sich immer Linksbündig ausrichtet und dadurch der rechte Rand sehr viel leeren Raum anzeigt.

Schiebe ich das Gesamtfenster im VIS Editor zusammen, entsteht automatisch ein unterer Scrollbalken, den man gar nicht haben will.

Ha jemand eine Idee, wie ich das mittig bekomme ?

[crunchip]

@JB_Sullivan hast du die gleichen Werte in Flot, wie im Editor?

[JB_Sullivan]

Die Daten für das FLOT Diagramm selbst, sind sogar noch kleiner als das basic Fenster im Editor. Trotzdem muss ich das Fenster im Editor immer groß aufziehen, damit ich keinen Scrollbalken bekommen.

Beilspiel FLOT Diagramm EInstellung: 1180 x 550
Editor basic-iframe Fenster: 1282 x 600

Eigentlich müsste das Diagramm da 1A reinpassen. Mache ich im Editor aber 1280x600, bekomme ich sofort einen unteren Scrollbalken. Bei 1282x600 ist der Scrollbalken dann zwar weg, aber auf der rechten Seite ist "leerer" Raum wo nichts angezeigt wird (siehe Bild oben).

[zahnheinrich]

@JB_Sullivan
Lösche die Breitenangebe im Flot.
Im Widget trage für linke Position ein z.b. 10px und für die Breite calc(100% - 20px). Beachte die spaces zwischen % - 20!

[Homoran]

Rechts ist noch freier Platz für die Legende

[JB_Sullivan]

@zahnheinrich sagte in FLOT Diagramme ausrichten:

calc(100% - 20px)

Danke für den Hinweis - funktioniert leider nicht. Der Scrollblaken bleibt.

@Homoran

Die Legende habe ich doch schon oben Links in das Diagramm gelegt. Wird dann rechts trotzdem Platz für eine mögliche
Legende reserviert?

[Homoran]

@JB_Sullivan
Sorry nicht Legende - ich meinte die Y-Achsenbeschriftung

[JB_Sullivan]

Y-Achsen Beschriftung steht auf NICHTS - auch dann wird dieser Platz reserviert?

[zahnheinrich]

@JB_Sullivan
Sieht bei mir so aus:

[Homoran]

@zahnheinrich sagte in FLOT Diagramme ausrichten:

@JB_Sullivan
Sieht bei mir so aus:

Du hast ja auch "kein Rahmen" angewählt.
Das könnte helfen, weil sonst

@JB_Sullivan sagte in FLOT Diagramme ausrichten:

Y-Achsen Beschriftung steht auf NICHTS - auch dann wird dieser Platz reserviert?

[zahnheinrich]

@Homoran
jupp,
könnte helfen!

[JB_Sullivan]

Ich habe ebenfalls in allen meinen Digrammen " keinen Rahmen - JA" ausgewählt.

Das ist nicht die Ursache.

@ zahnheinrich - nimm mal deine IP Adresse aus dem FLOT Datensatz. Spart dir viel Arbeit wenn deine Hardware mal IP Adressen mäßig umziehen sollte.

[zahnheinrich]

@JB_Sullivan
und was zeigt die Anzeige, wenn du ganz nach rechts scrollst?

[JB_Sullivan]

Offensichtlich gibt es einen BUG zwischen px und % Anzeige.

Diagrammgröße lt. FLOT: 1180 x 550

Anzeige in 100 % = OK

Anzeige in 1180 x 550 px = Scrollbalken

[zahnheinrich]

@JB_Sullivan
Das ist eher kein bug, sondern hängt damit zusammen, daß ein Pixel im FLOT nicht unbedingt einem Darstellungspixel im VIS entspricht.
Die Darstellung in % tut eigentlich immer, was sie soll, auch bei der selben View auf unterschiedlichen Anzeigegeräten.

[marwell]

Ich bin gerade mit einem ähnlichen Problem hierher gekommen. Die automatische Größe (ohne Angabe in Erscheinung) in Flot sollte das ja eigentlich können, die ganzen Chart ohne Scrollbalken anzuzeigen, egal wie groß das iFrame ist.

Ich habe gerade einen Chart neu angelegt und wollte danach suchen, wann das Problem auftritt und habe gemerkt, dass der Scrollbalken auftaucht, wenn ich eine Markierung erstelle die einen angegebenen Text rechts hat. Es sieht zumindest so aus, dass auch bei @JB_Sullivan Markierungen mit Text vorhanden sind (Balken mit "Guten Morgen" etc.). Nehme ich bei mir die Markierung oder den Text wieder raus, ist der Scrollbalken auch wieder weg. Verschiebe ich den Text auf die linke Seite ist der Scrollbalken auch weg. Als würde der Text rechts zumindest virtuell die Breite des Grafik überschreiten.

Ob ihr das auch mal ausprobieren könntet? Wenn das bei euch genauso ist, dann ist das wohl ein Bug.

[JB_Sullivan]

@marwell

Ich habe FLOT mittlerweile komplett aus ioB entfernt. Ich bin auf InfluxDB und Grafana gewechselt. Ist zwar am Anfang etwas fummelig und manche Sachen gehen nicht sofort wie man es von FLOT gewohnt war, weil noch andere PlugIns installiert werden müssen.

Wenn man sich aber erst einmal eingearbeitet hat, bietet Grafana einfach die bessern Trends - meine Meinung.

@Bluefox hat da irgend etwas in der Pipeline was wohl über kurz oder lang FLOT ersetzen soll, aber von der Funktionalität an FLOT angelehnt ist. Leider weiß ich nicht mehr genau wie dieser neue Adapter heißt. Er ist auch schon im latest wenn ich das recht in Erinnerung habe.

EDIT: Ich habs - der Adapter heißt E-Charts