我尝试过使用组合,或者只是添加一系列线,但最终会将条推到同一轴上。 我正在尝试使用下面的代码来添加如图所示的行。 该代码仅用于使酒吧工作的上下文。
google.load('visualization', '1.1', {
'packages': ['bar', 'corechart']
});
google.setOnLoadCallback(drawStuff);
function drawStuff() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Stuff');
data.addColumn('number', 'Things');
data.addColumn('number', 'Clutter');
data.addColumn('number', 'Important');
data.addColumn('number', 'Meh');
data.addRows([
['2001', 321, 621, 816, 319],
['2002', 163, 231, 539, 594],
['2003', 125, 819, 123, 578],
['2004', 197, 536, 613, 298]
]);
// Set chart options
var options = {
isStacked: true,
series: {
2: {
targetAxisIndex: 1
},
3: {
targetAxisIndex: 1
},
}
};
// Instantiate and draw our chart, passing in some options.
var chart = new google.charts.Bar(document.getElementById('chart_div'));
chart.draw(data, google.charts.Bar.convertOptions(options));
};
我只需在 Google 表格中执行此操作即可。首先为您想要在堆叠列中包含的 2 个系列制作一个图表(2 或 3 或 5 - 无论您需要多少)。插入图表并在“设置”-“图表类型”选择“堆叠列”下调整图表。
仍在设置中,向下添加系列。并选择您想要的其他系列(预算、目标等)。这将导致您的堆积条形图在顶部再添加一个“堆栈”。向后滚动并将图表类型更改为组合图表。我的自动填充了附加系列,但如果您的没有转到“自定义”-“系列”-选择您想要由线条表示的系列。在“格式类型”下选择“线条”,这将强制系列移动,但仍保留堆叠的列!