JavaScript中的条形图：堆叠条形+组合条形 [英] Bar chart in Javascript: stacked bars + grouped bars

问题描述

我在寻找一个Javascript解决方案来混合分组和堆叠栏，并显示一个漂亮的图表，例如由 Protovis提供的

I'm looking for a Javascript solution to mix Grouped and Stacked Bars with a beautiful graph, such as those provided by Protovis.

例如，如果我想将Apple（iPads + iPhones）设备上的下载量与Android设备进行比较，我可能会有（原谅我可怕的ascii艺术） >

For example if I want to compare downloads on Apple (iPads+iPhones) devices to Android devices, I might have (excuse my terrible ascii art)

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

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

推荐答案

a href =http://code.google.com/apis/charttools/index.html =nofollow noreferrer> Google图表工具和 Google Visualization

Checkout Google Chart Tools and Google Visualization

例如，您可以指定以下内容：

for instance you can specify the following:

>

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

看看上面的图表（好像它是一个组图，但实际上是它的堆叠）。然后，您可以在创建图表所需的堆叠查看组之后追加数据。

Take a look at the chart above (as if its a group chart, but actually its stacked). Then you can append data after to create stacked 'looking' group as the graph is intended.

这篇关于JavaScript中的条形图：堆叠条形+组合条形的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！