Question

我正在尝试创建一个数据分组的条形图。例如。让我们说前4个酒吧是'Dark Orange'，接下来的10个是'Fire Brick'，接下来的5个是'Dark Orchid'＆amp;最后一组是黄色。我知道有一个名为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)"
  }
));

等

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

1 个答案: