loopshoot.comラボ

loopshoot.com開発の記録

クッリカブルグラフ導入 | Twitterでジョギング記録 jogmemo ver1.1

| 0 comments


Twitterでジョギング記録 jogmemoに新しいページを追加しました。
新しいページの名前は「グラフ」。
月別に、走行距離を棒グラフとして確認することができます。

ジョギング管理サイトであれば、あって当たり前のページ。ようやくできました。
棒グラフの画像にはgoogle chart api を使っています。
グラフはクリックすると、ツイートの内容が見れます。

そのために、グラフの画像の上にクッリッカブルなエリアを乗せました。これが1番苦労したところ。
表示は月別のみにしています。
自由に変更できるのもいいのですが、逆に選ぶのが大変ですし。
テーブルのページはいろいろと条件を指定できるのでグラフのページはシンプルにしておきました。
<作ってみた感想>
自分のジョギング記録でグラフが出来ていくのは、やはりおもしろい。
グラフを隙間なく、きれにしたいという想いが、ジョギングへのモチベーションにつながりますね。
それではどうぞ → 例えば、loopshootの2011年04月のジョギンググラフ


関連記事

  1. シンプルさを求めて、デザインリニューアル | Twitterでジョギング記録 jogmemo ver1.0
  2. Twitterでジョギング記録 jogmemo(ジョグメモ)! リリース!!
  3. 走行距離100kmごとにjog_sternaがあなたのTwitterにお邪魔します | Twitterでジョギング記録 jogmemo(ジョグメモ)! ver.0.2
  4. 特定のジョギングに関する情報が豊富になりました。 | Twitterでジョギング記録 jogmemo(ジョグメモ)! ver.0.3
  5. これがjogmemoのジョギング管理だ! | Twitterでジョギング記録 jogmemo(ジョグメモ)! ver.0.6