Emprise Javascript條形圖-如何在條形圖中創建分組的條形圖

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

等等