Flot-chart Titel " option?
Tut Flot haben eine option, die eingestellt werden kann, geben Sie dem Diagramm einen Titel? Ich bin nicht zu sehen, eine für das gesamte Diagramm, nur für die Achsen.
Aber ich könnte etwas verpasst haben.
InformationsquelleAutor Colleen | 2011-08-24
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich glaube nicht, dass diese option vorhanden ist. Es ist ziemlich einfach, obwohl, der Titel der plot mit regulären HTML. Nur wickeln Sie ein div um dein "Platzhalter" div, und fügen Sie text für den Titel ein.
InformationsquelleAutor Mark
nach Zeichnung flot Diagramm (plot-Funktion) fülle die Leinwand mit dem text (jsFiddle). Vorteil meiner Lösung ist, dass Sie können speichern, Diagramm als Bild mit Titel.
Beispiel:
Es ist auch nicht die Arbeit mit retina-displays. Sie müssen fügen Sie die Zeilen:
if (window.devicePixelRatio > 1) { cx = cx/window.devicePixelRatio; }
unter "var cx" - Zeile anpassen.InformationsquelleAutor pioja
Hooks können Sie für, die. Zum Beispiel die Verwendung der overlay-Haken, und bei der Umsetzung der overlay-Funktionalität in einem separaten
OverlayHandler
Hier ist ein Beispiel, wo die
chartElement
,chartData
undchartOptions
sind für das HTML-element und flot Daten und flot-Optionen, respektive.:Beim Export der Leinwand über die native
toDataURL
Methode einfach anwenden OverlayHandler ersten. Dies ermöglicht eine größere Flexibilität.plot.width()
ist nicht zuverlässig, es wird sein, shooter, wenn yaxis ist groß. Verwendencvs.canvas.width
statt, es wird den Titel fest in der center-position.InformationsquelleAutor Lorenz Lo Sauer
Pioja die Antwort ist in der Tat eine große eins. Seine jsFiddle zeigt die details. Es ist wichtig, die folgenden in Ihren Optionen:
Dieser wird dann legen Sie eine schöne chart-Titel, die aufgenommen werden können in das Bild, wenn Sie es exportieren.
InformationsquelleAutor Slaphead
Gebäude auf pioja Antwort, die Titel können direkt nach dem Anschlag gemacht wurden:
Mithilfe der getCanvas Funktion:
Nun Folgen Sie einfach pioja code zu bekommen:
InformationsquelleAutor SupAl