Vuoti Grafici Flot?

Question

Sono in esecuzione il codice qui sotto e ottenere un grafico vuoto utilizzando Flot / jQuery. Idealmente quello che sono dopo è un grafico a barre dei dati. Sto guardato e guardato questo con gioia -? Qualcuno ha qualche idea

<div id="user_breakdown_placeholder" style="width:300px;height:300px"></div>

<script>
    $(function () {
        var d = [["Unassigned", 310],["Maynard Schumm", 274]];
            var options = {};
        $.plot($("#user_breakdown_placeholder"), d, options);
    });

</script>

Answer 1

La versione corrente di flot (v. 0.6) supporta grafici a barre. Ecco un esempio . Nel vostro diagramma () funzione, è solo mettere:

bars: { show: true}

Answer 2

Una vecchia questione, ma io non credo che sia stato risposto. Secondo la documentazione API Flot:

  

Si noti che per semplificare la logica interna Flot sia x che y   I valori devono essere numeri ... Se stai ricevendo errori misteriosi, doppio   controllare che si sta inserendo i numeri e non le stringhe.

Se il caso di cui sopra che si sta utilizzando le stringhe nei dati (ad esempio, [ "Non assegnato", 310]), che è non andare a lavorare in base ai documenti.

Answer 3

È possibile farlo, ma hai solo bisogno di fingere il backup dei dati un po '.

$(function () {
    var data = [[0, 310],[1,274]];
    var datasets = [ {
                 "data": data
                     }, 
                   ];
    var options = {
                   bars: {show: true},
                   yaxis: { min: 0 },
                   xaxis: { ticks:  [
                                     [0.5, "Unassigned"],
                                     [1.5, "Maynard Schumm"]
                                    ],
                          },
                  };
   $.plot($("#user_breakdown_placeholder"), datasets, options);
});

------>

Probabilmente è possibile modificare i propri dati in modo appropriato prima di passarlo a Flot.

Ci sono un sacco di grandi esempi di utilizzo reali a FlotUsage . per esempio. Fedora ha alcune belle grafici a barre. La cosa bella è perché è JavaScript è possibile visualizzare le idee di origine e presepe da parte di chiunque:)

Answer 4

Come Neil Middleton dice nel suo commento, Flot non supporta grafici a barre.

questo o questo plugin può aiutare?