ブラウザのウィンドウサイズを変更した際に、Google Chart Toolsで描画したグラフを動的にサイズ変更する。
参考にしたページ
まず、グラフのオプションの「幅」の指定を無くす。
[javascript]
var options = {
title: ‘売上高の推移’,
//width: 800,
height: 500
}
[/javascript]
つぎに、<body>に追記
[html]
<body onresize="drawChart()">
[/html]
onresizeにグラフ描画のJavascriptメソッド(今回はdrawChart())を指定するだけ。
これでブラウザの幅に合わせてグラフの幅が変わる。