棒グラフ  (縦  積み上げ と 横 積み上げ)  実験 
(横のグラフ から 積み上げ グラフへ となる場合もあります。 表題をクリックしてください。)
///////
 
///////

///////
比較
(縦)
hAxis と Column Chart
(横)
vAxis と BarChart

積み上げ(追加)
 isStacked: true
//////
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(
function() {
var data = google.visualization.arrayToDataTable([ [
'', '売上高', '営業利益', '経常利益'],
['2004 年', 1000, 400, 380],
['2005 年', 1170, 460, 400],
['2006 年', 660, 1120, 900],
['2007 年', 1030, 540, 480],
['2008 年', 1350, 750, 800]
]);
var options = {
title: '会社業績',
hAxis: {title: '年度'}
isStacked: true
};
var chart = new google.visualization.ColumnChart(document.getElementById('gct_sample_column'));
chart.draw(data, options);
}
);
</script>
<div id="gct_sample_column" style="width:80%; height:250pt" ></div>
///////
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(
function() {
var data0002 = google.visualization.arrayToDataTable([
[ '', '売上高', '営業利益', '経常利益'],
['2004 年', 1000, 400, 380],
['2005 年', 1170, 460, 400],
['2006 年', 660, 1120, 900],
['2007 年', 1030, 540, 480],
['2008 年', 1350, 750, 800]
]);
var options0002 = {
title: '会社業績',
vAxis: {title: '年度'},
isStacked: true };
var chart0002 = new google.visualization.BarChart(document.getElementById('gct_sample_column0002')); chart0002.draw(data0002, options0002); } );
</script>
<div  style="width:80%; height:250pt" id="gct_sample_column0002"></div>
///////