2010年12月21日


google.load で円グラフ

API キーに関しては以下のようにあるので、公開時は取得して下さい。
( テスト時には無くても動くので本番サイト以外のキーを取得しなくてもいいです )
Warning: You need your own API key in order to use the Google Loader. 
Without your own key, examples won't work. 
<script src="http://www.google.com/jsapi?key=APIキー" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages: ["piechart"]});
</script>

<div id="chart_div" style="width: 300px; height: 240px;"></div>

<script type="text/javascript">

	var data = new google.visualization.DataTable();
	data.addColumn('string', '対象');
	data.addColumn('number', '件数');
	data.addRows(3);

	data.setValue(0, 0, '対象A');
	data.setValue(0, 1, 2000);
	data.setValue(1, 0, '対象B');
	data.setValue(1, 1, 3000);
	data.setValue(2, 0, '対象C');
	data.setValue(2, 1, 1500);

	var chart = new google.visualization.PieChart(document.getElementById('chart_div'));

	chart.draw(data, {width: 300, height: 240, is3D: true, title: '円グラフのタイトル'});

</script>



posted by at 2010-12-21 11:08 | 小ネタ | このブログの読者になる | 更新情報をチェックする