Graphiques à barres Javascript de Emprise - Comment créer des barres groupées dans un graphique à barres

Question

J'essaie de créer un graphique à barres où les données sont groupées. Par exemple. disons que les 4 premières barres sont 'Dark Orange', les 10 suivantes sont 'Fire Brick', les 5 suivantes sont 'Dark Orchid' & le dernier groupe est Jaune. Je sais qu'il ya une propriété appelée groupdBars, mais je ne suis pas sûr de savoir comment utiliser ceci:

http://www.ejschart.com/help/index.html?ejsc_barseries_properties_groupedbars.html

Quelqu'un sait comment je fais ça? Je pensais que je pouvais le faire comme ci-dessous, mais il ne fonctionne pas:

var chart = new EJSC.Chart("myChart", { 
    show_legend: false 
}); 
chart.addSeries(new EJSC.BarSeries(
    new EJSC.ArrayDataHandler([ 
    [[1,1],[2,1],[3,1]], 
    [[4,1],[5,1],[6,1]], 
    [[7,1],[8,1],[9,1]], 
    [[10,1],[11,1],[12,1]] 
    ]), 
    { 
    lineWidth: 0, 
    title: "The Green Series", 
    groupedBars: true, 
    useColorArray: true , 
    defaultColors: [ 
     'rgb(255,140,0)', //DarkOrange 
     'rgb(178,34,34)', //FireBrick 
     'rgb(153,50,204)', //DarkOrchid 
     'rgb(255,255,0)' //Yellow 
    ] 
    } 
)); 

Je suis un peu novice en matière de Emprise ... :)

Answer 1

Je l'ai trouvé moi-même:) Vous les ajouter comme 'série' séparée:

var chart = new EJSC.Chart("myChart", { 
    show_legend: false, 
    groupedBars: true 
}); 

chart.addSeries(new EJSC.BarSeries(
    new EJSC.ArrayDataHandler([ 
    [1,1],[2,1],[3,1] 
    ]), 
    { 
    lineWidth: 0, 
    color: "rgb(255,140,0)" 
    } 
)); 

chart.addSeries(new EJSC.BarSeries(
    new EJSC.ArrayDataHandler([ 
    [4,1],[5,1],[6,1] 
    ]), 
    { 
    lineWidth: 0, 
    color: "rgb(178,34,34)" 
    } 
)); 

etc