カテゴリー別アーカイブ: Google Charts

Google Chartsによる棒グラフの描画

Google Chartsを利用して棒グラフを描画するスクリプトを作成してみました.

ポイントはデータとなる配列の構造で, 棒グラフの場合は, [[‘項目’, ‘項目’, …], [number, number , …]] の (2次元) 配列となるようにします.

あと, ページロード時に描画する場合には, setOnLoadCallbackに描画のための関数を指定します.

また, オプションはwidth / heightなど以外にもたくさんあります. さらに,イベントハンドラの設定も可能です. 詳細はAPIのページを参照してください.

Google Chartsによる円グラフの描画

Google Chartsを利用して円グラフを描画するスクリプトを作成してみました.

ポイントはデータとなる配列の構造で, 円グラフの場合は, [[‘項目’, number], [‘項目’, number], …] の (2次元) 配列となるようにします.

あと, ページロード時に描画する場合には, setOnLoadCallbackに描画のための関数を指定します.

また, オプションはwidth / heightなど以外にもたくさんあります. さらに,イベントハンドラの設定も可能です. 詳細はAPIのページを参照してください.