たつみんのMEMOφ(・ω・)

Check

Flashの円グラフとかは、かっちょいいけど、
キャッシュが強いし、スマートフォンとかでは、対応していないものも・・・。

そこで、JavaScriptで作れるFlasみたいな円グラフを見つけたので、ご紹介します!!!!!!

<script type="text/javascript">
	var chart;
	var legend;
	var chartData = [{country:"犬",litres:13},
		{country:"猫",litres:8},
		{country:"ハムスター",litres:1}];

	window.onload = function() {
		chart = new AmCharts.AmPieChart();
		chart.dataProvider = chartData;
		chart.titleField = "country";
		chart.valueField = "litres";
		legend = new AmCharts.AmLegend();
		legend.align = "center";
		chart.addLegend(legend);
		chart.depth3D = 20;
		chart.angle = 10;
		chart.colors=["#FF3300","#009900","#000066"]
		chart.radius = "60";
		chart.write("chartdiv");
	}
</script>

reference

ライセンスについて

上記の「chart by amcharts.com」ロゴを表示していれば、無料で利用可能です。ロゴを消したい場合には
下記の費用が発生します。（レートは2011年05月現在）

• 【Single web site license】単一サイト
  99ユーロ（約11,300円）
• 【Multiple web sites license 】複数サイト
  549ユーロ（約62,800円）
• 【OEM / SaaS 】自身のソフトウェアの一部として再配布可能
  899ユーロ（約102,849円）

その他のJS