Javascript中的条形图:堆积条形图+分组条形图

Question

我正在寻找一个Javascript解决方案,将Grouped和Stacked Bars与一个漂亮的图形混合在一起,例如Protovis提供的图形.

例如,如果我想将Apple(iPad + iPhone)设备上的下载与Android设备进行比较,我可能会(借口我可怕的ascii艺术)

60k |             ^
50k |    #    ^   ^
40k |#   #    ^  #^
30k |@   #^   ^  #^
20k |@^  #^  #^  @^
10k |@^  @^  @^  @^
   =================
    Jan Feb Mar Apr

Legend
#: iPad Downloads
@: iPhone Downloads
^: Android Downloads

Answer 1

查看Google Chart Tools和Google Visualization

例如,您可以指定以下内容:

cht=bvs
chco=4D89F9,C6D9FD
chd=t:10,50,60,80,40|
  50,60,100,40,20
chds=0,160

让我们说如果你将chd改为

cht=bvs
chs=250x150
chco=4D89F9,C6D9FD
chd=t:0,50,0,80,0, 10, 50, 40
      60,0,100,0,20, 50, 100, 60
chds=0,160

看看上面的图表(好像它是一个组图,但实际上它是堆叠的).然后,您可以在创建堆叠的"查找"组之后附加数据,如图所示.

Answer 2

嘿，我刚刚在 d3.js 上开发了分组+堆叠条形图。

• 来源

• 演示