[PR] 不動産担保ローン javascriptで、折れ線グラフを作りませう | 素人ときどき玄人
<< フリーフォント使いたくなってきた? | main | パッドでホイールできない!? (Let's note) >>
スポンサーサイト

一定期間更新がないため広告を表示しています

カテゴリ:- | | - | - | -
javascriptで、折れ線グラフを作りませう
JUGEMテーマ:ウェブデザイナー
 
先日、ウィンドゥショッピングに行ったところ体重計を発見。
今の体重計はこーんなにちっさいのね!!
って感動していたのですが、よくよく見るとその子は


体脂肪率、体水分率、筋肉量、推定骨量


まで測れるとな。
体水分率ですと???
赤ちゃんは80%くらいと聞く・・・アタシは?

好奇心に負け、買ってしまいました(笑)


測ってってみたところ・・・ 知らなきゃ良かった・・・あはは。


で、女性は月のモノでその体水分率が違うと聞いたことがあったので
継続して図ってみることに。
ある程度データが溜まってきたのでExcelで集積しようかと思ったのですが
HTMLでちゃっと見れた方がいいなーと。
さっそく検索すると、いいのがありました

ビジュアル的にも美しいのでオススメです。
 
next SOLIDSTATE EVERYDAY
折れ線グラフを作成する

日本語で解説されています。


元データはこちら
next net tuts+
Visualizing Data with Flot


折れ線のポイント(○)の表示、非表示
折れ線の表示、非表示
グラフの説明の表示、非表示
を、オプションで選べます。

データの入力も連想配列の配列を増やすだけなので
比較的見やすくて簡単だと思います。
早速日付ごとに記録できるようフォーマットを作っちゃいました!
記録したデータが見やすく、分かりやすくなると
モチベーションがあがりますね

さぁ〜て、水分率上げてプルプルお肌を目指しますよ〜
カテゴリ:javascript | 15:26 | comments(0) | trackbacks(0) | -
スポンサーサイト
カテゴリ:- | 15:26 | - | - | -
コメント
コメントする









この記事のトラックバックURL
http://befine.jugem.jp/trackback/116