谷歌图表除了 2 个"normal"条形之外创建堆积条形图

Question

我在创建Google图表时遇到了一个问题。我想在一个图表中有两个正常的条形图和一个基于两个变量的堆叠条形图。到目前为止，在我的代码下面：

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['H axis',        'Name 1',                   'Name 2',                       'Name 3',           'Name 4'],
['Label',         <?php echo $var1; ?>,       <?php echo $var2; ?>,       <?php echo $var3; ?>,       <?php echo $var4; ?>]
]);
var options = {
chartArea:{left:100,top:50,width:"70%",height:"70%"},
title: 'Title',
isStacked: false,
series: { 0: {type: "bars", isStacked: false},
1: {type: "bars", isStacked: false},
2: {type: "steppedArea", isStacked: true},
3: {type: "steppedArea", isStacked: true}},
hAxis: {title: 'Title', titleTextStyle: {color: 'red'}},
vAxis: {title: 'Title', titleTextStyle: {color: 'red'}}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart1'));
chart.draw(data, options);
}

我试图在谷歌页面的帮助下创建一个组合图。在谷歌上搜索没有给我相关的结果，所以我想知道这里的专家是否可以帮助我

这是我的第一篇帖子，所以我希望我做得正确。

提前感谢！

Answer 1

您应该能够通过使用堆叠的条形图来"伪造"它，但只能为一个条形图提供多个值。所以你的数据变量看起来像这样：

var data = google.visualization.arrayToDataTable([
['Label', 'Value 1', 'Value 2', 'Value 3'],
['Value 1', 25, 0, 0],
['Value 2', 0, 15, 10]
]);

根据您希望图形的显示方式，您必须修改其他一些显示选项，但以上内容应使第一个条形图成为值为25的单个条形图，第二个条形图将成为值为两个值的堆叠条形图。

当然，您还必须设置isStacked: true。