我正在尝试将此常规条形图转换为堆积柱形图。我已经玩了 JSfiddle 一段时间了,但就是无法理解。
我假设我的问题相当小,但我无法识别它。任何帮助,将不胜感激。谢谢!
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<div id="chart_div"></div>
google.load('visualization', '1', {packages: ['corechart', 'bar']});
google.setOnLoadCallback(drawBasic);
function drawBasic() {
var data = google.visualization.arrayToDataTable([
['Method', 'Box Office', 'Call Center', 'Group Sales', 'Subscription',
'Web', { role: 'annotation' } ],
['Day 0', 960, 146, 0, 0, 406, ''],
['Day 1', 690, 191, 25, 4, 457, ''],
['Day 2', 189, 191, 35, 4, 443, ''],
['Day 3', 185, 138, 14, 3, 443, ''],
['Day 4', 130, 135, 21, 3, 416, ''],
['Day 5', 181, 216, 22, 9, 659, ''],
*/
]);
var options = {
width: '100%',
height: 500,
legend: { position: 'top', maxLines: 3 },
bar: { groupWidth: '75%' },
isStacked: 'percent'
};
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
最佳答案
这是图表的工作版本。
google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data =google.visualization.arrayToDataTable([
['Method', 'Box Office', 'Call Center', 'Group Sales', 'Subscription',
'Web', { role: 'annotation' } ],
['Day 0', 960, 146, 0, 0, 406, ''],
['Day 1', 690, 191, 25, 4, 457, ''],
['Day 2', 189, 191, 35, 4, 443, ''],
['Day 3', 185, 138, 14, 3, 443, ''],
['Day 4', 130, 135, 21, 3, 416, ''],
['Day 5', 181, 216, 22, 9, 659, '']
]);
var options = {
width: 600,
height: 400,
isStacked: true,
legend: { position: 'top', maxLines: 3 },
seriesType: "bars",
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
您在使用 google.visualization.BarChart 调用图表时犯了错误,它应该是 google.visualization.ComboChart。
希望这对您有帮助。
关于javascript - 堆积条形图 --> 堆积柱形图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33405582/