Flot - Diagrammes à colonnes, séries alignées

Question

Puis-je tracer des diagrammes comme celui-ci http://developer.yahoo.com/yui/examples/charts/charts-rotation.html en utilisant flot? Je veux dire, j'ai deux séries avec les mêmes valeurs sur l'axe des x, je veux les montrer alignées comme dans l'exemple ci-dessus, Flot les trace les unes au-dessus des autres.

Des idées?

Answer 1

Eh bien, c'est un peu en retard, mais voici comment vous le faites ... Flot ne supporte pas ce hors de la boîte, mais il y a un patch et un plugin parfaitement bon qui l'obtiendra ce que vous voulez. Vous les obtenez de Flot Issue #159. Vous aurez besoin de patcher votre flot (en fonction de la révision que vous utilisez, il y a quelques copies dans le problème). J'ai eu un rejet ou deux du patch en raison de l'utilisation d'une révision plus récente ... Ensuite, ajoutez le plugin multi à vos sources javascript après flot. Enfin, utilisez multiplebars:true dans vos options d'appel réelles plot.

est ici l'idée générale de ce qu'il ressemblera une fois que vous avez les bons scripts prêts à aller:

$.plot($("#placeholder"), [ d1, d2, d3 ], { 
    series: { 
    bars: { show: true, barWidth: 0.3, align:'center' } 
    }, 
    multiplebars:true 
}); 

Vous pouvez le voir en action ici: http://jsfiddle.net/ryleyb/B3uGP/2/

EDIT: Notez que depuis que j'ai fait cette réponse, le flot est passé à github. Là-bas, quelqu'un a créé un pull request qui inclut le multi-plugin qui s'appliquera mieux aux versions actuelles du code.