Grafico a barre flottate: barre sovrapposte sul problema dell'asse temporale

Question

Sto cercando di tracciare i dati di spesa rispetto all'asse del tempo e vedo che le barre dei dati si sovrappongono se mostrano dati per la stessa data. Mi aspettavo che il grafico mostrasse le barre in modo univoco, ma non è così. Vedere un sample of code at this link ...

$.plot($("#placeholder"), newJson, 
{ 
    bars: { 
     show: 1, 
     barWidth: 24 * 60 * 60 * 1000 * 10 
    }, 
    xaxis: { mode:"time" } 
}); 

Answer 1

Purtroppo, ciò non è possibile in flot senza l'utilizzo di una sorta di plugin. Ti suggerisco di utilizzare lo stacking plugin per ottenere uno stack verticale o un plug-in esterno come orderBars.

In ognuna di esse, è possibile aggiungere un'opzione a ciascuna serie specificando che deve essere impilato/ordinato. Oppure alle opzioni generali della serie per le barre se vuoi che venga applicato per tutto.

$.plot($("#placeholder"), newJson, 
    {bars: { order:1, show: 1, barWidth: 24 * 60 * 60 * 1000 * 10 }, 
    xaxis: { mode:"time" } 
}); 

Ecco un esempio di lavoro: http://jsfiddle.net/ryleyb/A8yNV/7/

Answer 2

ho appena risolto un problema con la proprietà ORDINE: non funziona se uno della serie ha un valore NULL. Infatti, stavo usando il valore NULL per evitare di ottenere una piccola (0) linea per la serie, ma in questo caso il seguente ordine degli stack è completamente disturbato. Impostando uno 0 (ZERO) invece di NULL: tutto va bene.

Nota: lo stesso problema con o senza il "plug-in orderBars".

Spero che questo possa essere d'aiuto.