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>