Multi-bar-chat mit Flot

Aktualisiert Info: Andión die Antwort macht der Verweis auf diese Bibliothek. Bars-side-by-side

Können Sie den code herunterladen hier:
http://www.benjaminbuffet.com/public/js/jquery.flot.orderBars.js

Ist das Ergebnis :

InformationsquelleAutor pmking

Haben Sie zu behandeln, jede bar Ihre eigenen Daten-Serie, also, wenn Sie sehen, 11 bars, die Sie zum erstellen 11 Daten-Serie.

Hier ist Beispielcode für 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  );

});

InformationsquelleAutor Gene