Comment définir les couleurs du graphique à barres jqplot par barre?

Je suis en train de régler les couleurs de mon jqplot barre de graphique à barres. Il y aura toujours des six bars, groupés en ensembles de 2 bars. Voici un exemple de données tracées:

 line1 = [6000, 5000, 5500];
 line2 = [16000, 10000, 14000];

J'ai utilisé jusqu'à présent:

 seriesColors: ["#F3CBBF", "#BFDDE5", "#CF3501", "#027997", "#CF3501", "#027997"],

Mais jqplot alterne entre les 2 premiers bars à chaque fois au lieu d'utiliser la totalité de la déclaration de couleurs. C'est probablement qu'elle ne détermine que l'2 de la série, un ensemble de données.

Est-il un moyen de mettre la barre de couleurs explicitement?

source d'informationauteur Brian Scott

  1. 28

    Je le fais à l'aide de la varyBarColor méthode de sorte que vous pouvez lister les différentes couleurs pour les barres dans un tableau simple comme vous l'avez déjà fait, mais si il y a une seule série, il va utiliser ces couleurs pour chaque barre à la place. Voici un exemple de mon code:

    plot1 = $.jqplot('chart1', [s1], {
        title: 'Example Income Graph',
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            rendererOptions:{ varyBarColor : true },
            pointLabels: { show : true }
        },
        axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                label:'Net Growth (%)',
                ticks: ticks
            },
            yaxis:{
              label:'Income (£)',
              tickOptions:{ formatString:'%d'},
              autoscale:true,
              min:0, 
              max:10000
            }
        },
        seriesColors: [ "#eee", "#ccc", "#999"],
        highlighter: { show: false }
    });

    Dans ce graphique, j'ai eu une série de 3 bars, et ils sont chacun dans une couleur différente de gris.

  2. 3

    C'est assez vieux, mais encore n'a pas le droit de répondre, et il m'a fallu un certain temps pour comprendre, donc ici il va.

    Vous avez besoin de deux choses:
    Définir la varyBarColor et une série de tableau qui contient la série de couleurs pour chaque série, passé au même niveau que seriesDefaults, tels que:

    plot1 = $.jqplot('chart1', [s1, s2], {
            title: 'Example',
            seriesDefaults:{
                renderer:$.jqplot.BarRenderer,
                rendererOptions:{ varyBarColor : true },
                pointLabels: { show : true }
            },
            series: [{seriesColors: ["#F3CBBF", "#BFDDE5", "#CF3501"]},
                     {seriesColors: ["#027997", "#CF3501", "#027997"]}]
            }
  3. -1

    essayez comme ceci

    series:[{renderer:$.jqplot.BarRenderer , seriesColors: ["#F3CBBF", "#BFDDE5", #CF3501","#eee", "#ccc", "#999"] }]