2011-10-19 7 views
5

Attualmente ho un grafico a barre in jquery. Se i risultati mostrano solo 1 barra, il problema è che la barra riempie lo spazio dell'intero grafico. Come posso regolare la larghezza della barra in modo che non sembri un log.jqPlot larghezza del grafico a barre

+1

"log" è adatto :-) – frequent

risposta

6

Se si vuole ancora il grafico bar a misura in modo dinamico con il numero di bar/dimensioni del grafico quindi utilizzare i valori barMargin e barPadding per regolare la larghezza delle tue barre.

seriesDefaults: { 
    renderer: $.jqplot.BarRenderer, 
    rendererOptions: { 
    barPadding: 4, 
    barMargin: 5 
}, 

I valori di default sono 8 e 10, rispettivamente, in modo che i valori di cui sopra saranno effettivamente rendere la vostra barra più grande. Rendi i valori più grandi di quelli predefiniti per ridurre la dimensione delle tue barre.

barMargin è la larghezza tra le barre. barPadding è la larghezza tra le barre all'interno di una categoria se il grafico a barre rappresenta più serie.

Vedere http://www.jqplot.com/docs/files/plugins/jqplot-barRenderer-js.html per ulteriori informazioni.