Charts 谷歌图表工具-如何创建堆叠条形图
可能重复:Charts 谷歌图表工具-如何创建堆叠条形图,charts,Charts,可能重复: 我正在使用新的谷歌图表工具,我想创建堆叠条形图格式。谷歌开发者网站提供了有关条形图格式的一些详细信息: 要使普通条形图堆叠,您需要使用isStacked:true选项。您可以将以下代码复制并粘贴到图表工具中,以查看工作示例: 您可能还对堆叠面积图感兴趣,这取决于您试图显示的数据 还有一个问题给出了使用图表工具图像API的堆叠条形图示例: 请注意,谷歌图表工具的图像图表部分在2012年4月20日被正式弃用。根据谷歌的弃用政策,图像图表仍将工作一段时间,但我建议您专注于上面描述的交互
我正在使用新的谷歌图表工具,我想创建堆叠条形图格式。谷歌开发者网站提供了有关条形图格式的一些详细信息: 要使普通条形图堆叠,您需要使用
isStacked:true
选项。您可以将以下代码复制并粘贴到图表工具中,以查看工作示例:
您可能还对堆叠面积图感兴趣,这取决于您试图显示的数据
还有一个问题给出了使用图表工具图像API的堆叠条形图示例:
请注意,谷歌图表工具的图像图表部分在2012年4月20日被正式弃用。根据谷歌的弃用政策,图像图表仍将工作一段时间,但我建议您专注于上面描述的交互式HTML5+SVG实现
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['Year', 'Austria', 'Bulgaria', 'Denmark', 'Greece'],
['2003', 1336060, 400361, 1001582, 997974],
['2004', 1538156, 366849, 1119450, 941795],
['2005', 1576579, 440514, 993360, 930593],
['2006', 1600652, 434552, 1004163, 897127],
['2007', 1968113, 393032, 979198, 1080887],
['2008', 1901067, 517206, 916965, 1056036]
]);
// 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}
);
}