jquery flot bar bar width - flot

Sto usando la libreria jquery flot per tracciare un grafico a barre. Le barre nel mio grafico sono costantemente troppo sottili, circa 2px in larghezza. Ma quando ho impostato lineWidth: 15 le barre diventano la larghezza desiderata, ma la prima e l'ultima barra si rovesciano sul bordo del grafico. Ho trovato un semplice grafico a barre di prova con un numero limitato di punti, che sembra buono se implementato localmente. La mia conclusione è che forse ho troppi dati, e quindi le barre sono sottili in contrasto con la quantità di punti. Ma spero che ci sia un modo per far sì che le barre siano più larghe in un altro modo e per non rovesciare il bordo del grafico. Ogni suggerimento è molto apprezzato. Ecco cosa ho:

$.plot(this.get("datasets"), {
bars: {
show: true,
align: "center",
fill: true,
//lineWidth: 15
},
xaxis: {
mode: "time",  //"categories",
timezone: "browser",
tickLength: 0
}
});

risposte:

Stai usando lineWidth invece di barWidth, quindi le tue barre hanno la stessa larghezza, sembrano solo più spesse (e si rovesciano oltre il bordo) perché le linee intorno a loro sono spesse.

Il motivo per cui le tue barre sono così strette sonoperché la larghezza è espressa in unità di asse, non in pixel. Nel tuo caso, dove stai usando un asse in modalità tempo, la larghezza della barra sarà piuttosto grande Se vuoi che una barra copra un'ora, la larghezza della tua barra dovrebbe essere 60 * 60 * 1000 = 3600000.