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

Emprise Javascript条形图-如何在条形图中创建分组条形图,javascript,charts,grouping,ejs-chart,Javascript,Charts,Grouping,Ejs Chart,我正在尝试创建一个条形图,其中的数据是分组的。假设前4根是“深橙色”,下10根是“火砖”,下5根是“深兰花”,最后一组是黄色。我知道有一个叫做groupdBars的属性,但我不确定如何利用它: 有人知道我是怎么做到的吗?我想我可以像下面这样做,但它不起作用: var chart = new EJSC.Chart("myChart", { show_legend: false }); chart.addSeries(new EJSC.BarSeries( new EJSC.ArrayDat

我正在尝试创建一个条形图,其中的数据是分组的。假设前4根是“深橙色”,下10根是“火砖”,下5根是“深兰花”,最后一组是黄色。我知道有一个叫做groupdBars的属性,但我不确定如何利用它:

有人知道我是怎么做到的吗?我想我可以像下面这样做,但它不起作用:

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…:

我自己发现的:您将它们作为单独的“系列”添加:

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