jQuery Flot: Breite des Diagramms einstellen (ohne Label)

8

Gibt es eine Möglichkeit, die tatsächliche Größe des Diagramms (ohne seine Beschriftungen) festzulegen?

Ich habe einen Container mit einer Breite von 880 Pixeln, und ich möchte, dass sich die Grafik genau darauf ausdehnt und die Achsen eher herausragen. Im Moment wird natürlich Padding angewendet, damit die Achsen in den vorgesehenen Bereich passen.

Ich habe mit festen labelWidth-Optionen herumgetüftelt und negative Ränder auf den Container angewendet, aber das hat mich nirgends nützlich gemacht.

    
maryisdead 07.08.2013, 12:26
quelle

1 Antwort

6

Damit die Achsen herausragen, können Sie die labelWidth und labelHeight der Achsen (y bzw. x) auf einen negativen Wert setzen und dem Container einen Rand geben, damit draußen genügend Platz ist.

CSS:

%Vor%

Flot Optionen:

%Vor%

Es gibt immer noch eine Lücke zwischen der Containergrenze und der Handlung, wie Sie in jsFiddle sehen können. Sie können dies mit der minBorderMargin -Eigenschaft des Rasters steuern, aber den Plot-Rahmen nicht vollständig ausblenden. Daher sollten Sie das borderWidth des Rasters auf 0 setzen oder borderColor festlegen. Ich habe das jsFiddle damit aktualisiert.

    
Paulo Almeida 07.08.2013 14:04
quelle

Tags und Links