2011年3月6日日曜日

走行距離のグラフ表示

先月のリリースで走行距離、時間、整備の記録などを記入できるようになりました。この情報は自転車の管理のために入力するもので、管理の指針となる別のページが必要と考えられました。

そこでjQuery jqPlotというライブラリを使用して履歴の表示ページを作成しました。

自転車ページの右側にある「履歴を見る」をクリックすると、履歴の表示ページへ遷移します。



履歴ページでは、日々の走行距離のグラフと走行距離が入力された日誌へのリンクが一覧されます。マウスカーソルをグラフの頂点に合わせると、ツールチップに走行距離が表示されます。



自転車と同様に個々のコンポーネント(こちらの方が距離や時間の管理が重要でしょう)のページ、寿命や交換時期の設定などが行えるように改善していきます。

Happy riding!