FREEで簡単にキレイなグラフを作成できる「FusionCharts Free」

投稿者: | 2009/05/10

Web上にグラフを作成するのに便利なFusionCharts
フラッシュの2Dで表示されるのでキレイ。サイトからダウンロードして「FusionCharts.js」をアップロードして以下のように「html」「xml」の必要箇所を修正すればOK。お試しください。

走行距離グラフ

HTML

<html>
<head>
<script language="javascript" src="FusionCharts.js"></script>
</head>
<body>
<div id="ID名">タイトル</div>
	<script type="text/javascript">
	   var chart = new FusionCharts("swf", "", "横幅", "縦幅");
	   chart.setDataURL("xml");
	   chart.render("ID名");
	</script>
</body>
</html>

XML記述例:

<categories ><category Name='横軸名' /></categories>
<dataset seriesName='グラフデータ名' color='グラフの色' anchorBorderColor='ボーダー色' anchorRadius='4'>
<set value='データ数値' /></dataset>

関連記事

コメントを残す

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)