Titel für x- und y-Achse im Flot-Diagramm

8

Ist es möglich, den Titel für die x- und y-Achse im Flotgraphen anzuzeigen?

Nachfolgend ist der Code:

%Vor%     
user1871640 11.12.2012, 09:39
quelle

2 Antworten

16

Flot unterstützt Achsenbeschriftungen nicht selbst, aber Sie können sie relativ einfach mit html und css hinzufügen und ein wenig an Ihren Flotoptionen ändern.

Die Demo auf der Flotsite hat eine y-Achsenbeschriftung. Es wird erstellt, indem ein div mit bestimmten Klassen an den Flot-Container angehängt wird:

%Vor%

Dann brauchst du CSS wie folgt:

%Vor%

Wenn Sie IE6 / 7 unterstützen müssen, gibt es leider noch mehr Tricks - Sie möchten, dass Ihr body-Tag mit der Klasse "ie6" oder "ie7" gekennzeichnet wird, indem Sie Folgendes tun:

%Vor%

Und dann dieses zusätzliche CSS:

%Vor%

Schließlich habe ich bei meinen Versuchen festgestellt, dass ich eine feste labelWidth für die Y-Achse und eine feste labelHeight für die X-Achse angeben musste.

Siehe ein funktionierendes Beispiel hier: Ссылка

    
Ryley 11.12.2012, 17:18
quelle
5

Es gibt ein Plugin für Flotts hier: Ссылка um Achsenbeschriftungen zu implementieren.

Jedoch wird es in IE-Browsern weniger als Version 9.0 nicht unterstützt. @ Ryley Lösung ist eine coole.

    
Bimal 08.01.2013 09:46
quelle

Tags und Links