google-visualization - 使用谷歌图表分组堆栈条形图

Question

我想这样创建图表：

演示！

有人知道我们是否可以使用 Google Chart 绘制这种图表吗？

Answer 1

查看谷歌的代码游乐场：

如果您将“isStacked: true”添加到选项中，您将拥有堆叠的条形图。

只需将选项更改为：

// Create and draw the visualization.
new google.visualization.BarChart(document.getElementById('visualization')).
  draw(data,
       {title:"Yearly Coffee Consumption by Country",
        width:600, height:400,
        vAxis: {title: "Year"},
        hAxis: {title: "Cups"},
        isStacked: true}
);