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

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

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

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

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

コメントする

※ コメントは認証されるまで公開されません。ご了承くださいませ。

公開されません

(いくつかのHTMLタグ(a, strong, ul, ol, liなど)が使えます)

このページの上部へ

プロフィール

名前:いと
性別:♂
mail: msnr@msnr.net

一言:まぁそれなりに、だらだら生きている、自転車好きの元プログラマです。会社勤めを辞め、 修養科を無事に修了することができ、 道専務をさせていただくことになりました。
2007年4月より大教会で青年づとめをさせていただき、2011年1月より自教会に戻りました。
させて頂くことを手探りな状態ですが、勇んでつとめさせていただきます。

サイト内検索

最近のピクチャ

最近のコメント

Powered by Movable Type 8.0.5