Conversation multi-bars avec Flot

Tout exemple de code pour un graphique avec plusieurs barres à l'aide de flot ??Conversation multi-bars avec Flot

similaire à cet exemple . Le corrigé fichiers ne sont pas de travail pour moi. N'importe où je peux télécharger les fichiers les plus récents pour le multi de graphique à barres.

Mise à jour

Je suis sûr Flot est une très bonne bibliothèque, mais plugins/add-ons ne sont pas facilement disponibles et les exemples donnés sur le site sont très de base, j'ai donc décidé d'utiliser jqPlot au lieu

source d'informationauteur user431514

  1. 9

    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 :
    Conversation multi-bars avec Flot

  2. 5

    Avez-vous essayé le orderBars plugin?
    Conversation multi-bars avec Flot

    Vous pouvez télécharger le code ici

  3. 1

    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  );

    });

  4. 0

    Double-vérifier les valeurs que vous soyez simplement de passage sur l'axe des X (votre barre de la série).

    Vous n'avez pas besoin d'une série différente pour chaque barre, ce serait.... excessive.

    Ce que vous avez besoin est une série différente pour chaque couleur de bar (ou, plus précisément, chaque ensemble de paramètres de rendu que vous aimeriez avoir en votre graphique).

    Je me rends compte que vous avez déplacé sur, mais si vous voulez poster le code qui a été en vous donnant des problèmes, il pourrait aider d'autres personnes. Les exemples sur le flot du site sont assez simple, donc il peut avoir été juste quelque chose de simple (comme l'axe des X de la valeur si elles n'étaient pas définis) qui a été le déclenchement de vous.

    Je suis l'aide de flot dans un système de production de rendre des trois bars de la série (rouge, jaune et vert bars) il semble donc qu'une solution très similaire à ce que vous essayez de faire.