Google Chart Toolsのサイズの動的な変更

ブラウザのウィンドウサイズを変更した際に、Google Chart Toolsで描画したグラフを動的にサイズ変更する。

参考にしたページ
まず、グラフのオプションの「幅」の指定を無くす。

[javascript]

var options = {
title: ‘売上高の推移’,
//width: 800,
height: 500
}

[/javascript]

つぎに、<body>に追記

[html]

<body onresize="drawChart()">

[/html]

onresizeにグラフ描画のJavascriptメソッド(今回はdrawChart())を指定するだけ。
これでブラウザの幅に合わせてグラフの幅が変わる。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です