jQuery Flot: imposta la larghezza del grafico (senza etichette)

Question

C'è un modo per impostare le dimensioni effettive del grafico (senza le sue etichette)?

Ho un contenitore largo 880 pixel e mi piacerebbe che il grafico si estendesse esattamente e che gli assi fossero piuttosto sporgenti. In questo momento, naturalmente, si applica il padding in modo che gli assi possano adattarsi all'area designata.

Mi sono messo a trafficare con le opzioni di larghezza etichetta fisse e margini negativi applicati al contenitore, ma questo non mi ha portato in alcun modo utile.

Answer 1

Per rendere gli assi sporgenti, è possibile impostare labelWidth e labelHeight degli assi (y e x, rispettivamente) su un valore negativo e dare al contenitore un margine, quindi c'è spazio sufficiente all'esterno.

CSS:

#placeholder { 
    border 2px solid red; 
    margin: 30px; 
} 

Flot opzioni:

var options = { 
    xaxis: { labelHeight: -10 }, 
    yaxis: { labelWidth: -10 } 
} 

C'è ancora un divario tra il bordo del contenitore e la trama, come si può vedere in jsFiddle. È possibile controllarlo con la proprietà della griglia minBorderMargin, ma non nasconde completamente il bordo del grafico, quindi è possibile impostare lo borderWidth della griglia su 0 o impostare borderColor. Ho aggiornato il jsFiddle con quello.