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

发布于 2024-09-18 17:35:15 字数 989 浏览 2 评论 0原文

我正在尝试创建一个对数据进行分组的条形图。例如。假设前 4 个小节是“深橙色”，接下来的 10 个是“Fire Brick”，接下来的 5 个是“Dark Orchid”和“Fire Brick”。最后一组是黄色。我知道有一个名为 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 时，我有点新手......:)

原文

I'm trying to create a bar chart where the data is grouped. Eg. let's say the first 4 bars are 'Dark Orange', the next 10 are 'Fire Brick', the next 5 are 'Dark Orchid' & the last group are Yellow. I know there's a property called groupdBars, but I'm unsure of how to utilise this:

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

Anyone know how I do this? I thought I could do it like below, but it doesn't work:

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

I'm a bit of a newbie when it comes to Emprise... :)

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

那片花海 2024-09-25 17:35:15

我自己发现了:)你将它们添加为单独的“系列”：

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

等等

Found it out myself :) You add them as separate 'series':

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

etc

回复收藏 0 原文

~没有更多了~