ツーリングGPS記録のスライダの上の空白部分に標高を示す折れ線グラフを表示するようにしました。
グラフ表示のために、DOMでDIVタグを作成し、それを並べて線などを引く実験をしていましたが、あまりに重いのであきらめていました…
IE限定だがVMLで描画を実現させようかと思っていましたが、なんとなくやらずじまい…
firefoxとoperaでは、canvasタグというので描画できるというので調べてみると、google codeがIEでも対応させるライブラリを作っていましたので、それを利用して折れ線グラフを実現しました♪
http://excanvas.sourceforge.net/
しかし、グラフの領域とスライダをwindowサイズに合わせて横に広げようとして、IEでは動作するのですが、firefoxとoperaでは比率がうまくいきませんでした…
今後は横幅を拡張したり、グラフで速度を表示できたりしたらいいかなと思っております。
コメントする
※ コメントは認証されるまで公開されません。ご了承くださいませ。