Emprise Javascript Bar Charts - Как создать сгруппированные бары в гистограмме

Question

Я пытаюсь создать гистограмму, где данные сгруппированы.Например.скажем, первые 4 бара - «Темно-оранжевый», следующие 10 - «Огненный кирпич», следующие 5 - «Темная орхидея» и последняя группа - «Желтый».Я знаю, что есть свойство под названием 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)"
  }
));

и т. Д.