« ズーム | メイン | ブログ ドメイン変更 »

ツーリングGPS記録 標高グラフ

ツーリングGPS記録のスライダの上の空白部分に標高を示す折れ線グラフを表示するようにしました。

グラフ表示のために、DOMでDIVタグを作成し、それを並べて線などを引く実験をしていましたが、あまりに重いのであきらめていました…
IE限定だがVMLで描画を実現させようかと思っていましたが、なんとなくやらずじまい…
firefoxとoperaでは、canvasタグというので描画できるというので調べてみると、google codeがIEでも対応させるライブラリを作っていましたので、それを利用して折れ線グラフを実現しました♪
http://excanvas.sourceforge.net/

しかし、グラフの領域とスライダをwindowサイズに合わせて横に広げようとして、IEでは動作するのですが、firefoxとoperaでは比率がうまくいきませんでした…

今後は横幅を拡張したり、グラフで速度を表示できたりしたらいいかなと思っております。

トラックバック

このエントリーのトラックバックURL:
http://msnr.net/mt/mt-tb.cgi/10

コメントを投稿

About

2006年7月26日 00:52に投稿されたエントリーのページです。

ひとつ前の投稿は「ズーム」です。

次の投稿は「ブログ ドメイン変更」です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。