Conversation multi-bars avec Flot

Mise à jour Info: Andión la réponse fait référence à cette bibliothèque. Bars-side-by-side

Vous pouvez télécharger le code ici:
http://www.benjaminbuffet.com/public/js/jquery.flot.orderBars.js

Le résultat est :

Vous avez à traiter chaque barre comme sa propre série de données, donc si vous voyez 11 barres vous avez besoin pour créer des 11 séries de données.

Voici un exemple de code pour les 2 bars.

<script id="source" language="javascript" type="text/javascript">
$(function () {

var d1 =[0, 2];
var d2 =[1,3];

var startData = [
    {   //first series
        label:"d1",
        data: [d1],
        bars:{
            show: true,
            fill: true,
            fillColor: "red"
        }
    },
    {   //second series
        label:"d2",
        data: [d2],
        bars:{
            show: true,
            fill: true,
            fillColor: "blue"
        }
    }
];

var option={
        series: {
                bars:{
                        show: true,
                        fill: true
                }
        },
        grid: {
                hoverable: true,
                clickable: true
        },
        yaxis: { ticks: 5 }
    };

$.plot($("#placeholder"),startData,option  );

});