Emprise Javascript条形图 - 如何在条形图中创建分组条形图

Question

我试图创建一个条形图，其中数据是分组的。例如。比方说前4条是'深橙'，接下来的10条是'Fire Brick'，接下来的5条是'Dark Orchid'&最后一组是黄色。我知道有一个叫groupdBars属性，但我不能确定如何利用这一点：

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

任何人都知道我该怎么做呢？我以为我可以不喜欢它的下方，但它不工作：

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

我有点当涉及到的Emprise一个新手的... :)

Answer 1

发现了自己： ）您将其添加为单独的 '系列'：

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

等