そこでjQuery jqPlotというライブラリを使用して履歴の表示ページを作成しました。
自転車ページの右側にある「履歴を見る」をクリックすると、履歴の表示ページへ遷移します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5uQhcFs3qVg8utOe3tg4zyISarvgcOYAF0h997iyZYblBXn1TYXnC2oBGh7HDOX9S-NHgoPRAE8K3ElbFm7F2BISsv_ORyapJ4dwQ-GDoX8CJHpgz6YwV6XlTkKQfsX9phz9jRYVmgB7s/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25EF%25BC%25882011-03-06+18.21.43%25EF%25BC%2589.png)
履歴ページでは、日々の走行距離のグラフと走行距離が入力された日誌へのリンクが一覧されます。マウスカーソルをグラフの頂点に合わせると、ツールチップに走行距離が表示されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHVCqV-xj1HXl8g3CAD3rYadpaZkomkHiSvAz1n08_5IlqDlR5AszPjGS-hVeR2LFr8EjonN8hqWAmx9uxfFNnTLFmkqrC8uygQPODbFuusdh1PDP-mxO9SCKVoOvXWC181Gi2hPHV6wvM/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25EF%25BC%25882011-03-06+18.22.10%25EF%25BC%2589.png)
自転車と同様に個々のコンポーネント(こちらの方が距離や時間の管理が重要でしょう)のページ、寿命や交換時期の設定などが行えるように改善していきます。
Happy riding!