折れ線グラフ 動的なグラフの変更(実験)
/////
リサイズするグラフのサンプル

///// 
<html>
<head>
<title> リサイズするグラフのサンプル </title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
var resizable_chart; var resizable_options;
var resizable_data; google.setOnLoadCallback( function () {
resizable_data = google.visualization.arrayToDataTable([
['', '売上高', '営業利益', '経常利益'],
['2004', 1000, 400, 380],
['2005', 1170, 460, 400],
['2006', 660, 1120, 900],
['2007', 1030, 540, 480],
['2008', 1350, 750, 800],
['2009', 1205, 1010, 805],
['2010', 880, 585, 500],
['2011', 1450, 1300, 1005],
['2012', 1105, 770, 650], ]);
resizable_options = { title: '会社業績' };
resizable_chart = new google.visualization.LineChart(document.getElementById('gct_resizable_chart')); resizable_chart.draw(resizable_data, resizable_options);
} );
</script>
</head>
<body onresize="resizable_chart.draw(resizable_data, resizable_options);"> <div id='gct_resizable_chart' style="width=100%; height=200pt"></div>
</body>
</html>
/////