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>