Question

Je suis en cours d'exécution du code ci-dessous et obtenir un tableau vide à l'aide Flot / jQuery. Idéalement ce que je suis après est un graphique à barres des données. Je suis regardé et regardé cela sans joie - ce que quelqu'un a des idées

<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>
Était-ce utile?

La solution

La version actuelle de Flot (v. 0,6) prend en charge les graphiques à barres. Voici un . Dans votre parcelle () fonction, il vous suffit de mettre:

bars: { show: true}

Autres conseils

Une vieille question, mais je ne pense pas qu'il a répondu. Selon la documentation de l'API Flot:

  

On notera que pour simplifier la logique interne à la fois le Flot x et y   Les valeurs doivent être des nombres ... Si vous obtenez des erreurs mystérieuses, double   vérifier que vous entrez des chiffres et non des chaînes.

Si le cas ci-dessus vous utilisez des chaînes dans vos données (par exemple [ « Unassigned », 310]) qui ne va pas travailler selon les docs.

Vous pouvez le faire, mais vous avez juste besoin de simuler vos données un peu.

$(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);
});

------>

text alt

On peut supposer que vous pouvez modifier vos données de façon appropriée avant de passer à Flot.

Il y a beaucoup de bons exemples de véritables utilisations à FlotUsage . par exemple. Fedora ont de belles graphiques à barres. La grande chose est parce qu'il est JavaScript, vous pouvez voir des idées de source et berceau de toute personne:)

Comme Neil Middleton dit dans son commentaire, Flot ne supporte pas les graphiques à barres.

Peut-être cette ou ce plugin peut vous aider?

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top