時間の足し算

Question

以前moriss.jsというグラフ描写ライブラリの使い方がよくわからず、質問させて頂きました。

今回は、値の管理についてです。質問は２つあります。
現在、勉強時間の管理サイトを作成しております。そこでmorris.jsを用いて、グラフを記述しております。

データは、データベースから以下のプログラムで取り出しております。

<?php
//データベース接続
$flag=1;
$befo= '2000-10-10';//(初期値)
$time = '00:00:00';
echo "var day_data = [";

    if($data[1] == $_SESSION['id']){//ログインユーザとデータの書き込みユーザーが一致したら

      /*カンマの処理*/
      if($flag==0){//二回目のデータ以降
            echo ",";
       }else{
            $flag=0;
       }

        /*一番最初の日*/
        if($befo==='2000-10-10'){//初期値だったら
            $befo=$data[2];//日付
            $time=$data[3];
        }

        /*同じ日付*/
        elseif($data[2]===$befo){
            $source_times = explode(":", $time);//足される方分解
            $add_times = explode(":", $data[3]);//足す方分解
            $time = date("H:i:s", mktime($source_times[0] + $add_times[0], $source_times[1] + $add_times[1], $source_times[2] + $add_times[2]));
            echo "{'date': '" .$befo. "', 'time': '" .$time. "'}";
        }

        /*違う日付*/
        elseif($data[2]!=$befo){
/*本来このしたの echo でデータを格納する予定*/
           //echo "{'date': '" .$befo. "', 'time': '" .$time. "'}";
            $befo=$data[2];//次の日付
            $time=$data[3];
        }
    }  
}
echo "];";
echo "new Morris.Line({";
echo "element: 'graph',";
echo "data: day_data,";
echo "xkey: 'date',";
echo "ymax: '24',";
echo "ymin: '0',";
echo "ykeys: ['time'],";
echo "labels: ['勉強時間'],";
echo "smooth: false,";
echo "parseTime: false,";
echo "resize: true";
echo "});";
echo "</script>";
?>

データベースの構造はこのようになっています。

上記のプログラムをブラウザで表示した場合以下のようなグラフができます。

ここで質問です。
！！現在グラフのX軸に同一の日付が複数有り【１日にどれだけ勉強したか】が一目でわからない状態です。
→ 日付が同じなら時間を足したい。

そのため上記プログラムでは【値の取得】部分で、勉強ログが
・同じ日付か
・別の日付か
で分岐をして、同じ日付なら 00:00:00 という初期時間に勉強ログで見つけた時間を足していくようにしました。
しかしながら分岐がおかしいのか時間の足し算がおかしいのか表示さえされなくなってしまいました。

どこがおかしいのでしょうか？

また、
DBへの保存データですが、上記で示したテーブル構造ごとそれぞれ以下のような値が入っております。

実行SQL文に関しては、DBへの接続・テーブルを選択後、
while ($data = mysql_fetch_array($quryset)){
として、後に
if($data[1] == $_SESSION['id']){ //つまりテーブルでのdata1と今見たいuserのIDが一致したら
という条件を置き、それをmorris.js用に保存しております。

<追記>
上記プログラムにカンマ処理を加えました。

データが一個の場合は以下のようなグラフになります。

Comments

[Lhankor_Mhy]

PHPの出力例をご提示できますか？　なんとなくですが、カンマが抜けてるような気がしてます。

[van-0215]

初心者なもので、出力例というのがよくわかりません。 このphpはmoriss.jsというグラフ描写のjsライブラリを使いグラフを表示する際に必要なデータをDBから持ってくるものです。なので出力例というのは上に画像で示したグラフだと思っています。 もし宜しければ要員として考えていただいているカンマの位置を教えてくれませんか？

[Lhankor_Mhy]

問題が起きている現象を再現しないコードの提示はよろしくないですね……　たとえ誰かが原因を見つけたとしても「ここには書いてないだけで実際にはちゃんと記述されているんだろう」と思われるのではありませんか。　　　　たとえば、コードを見て私は「全部違う日付だったらたぶんひとつも出力されないと思うけど、まあきっとどこかで上手くやっているんだろう」と思っています。

Answer 1

ご質問の内容はmoriss.jsの使い方というよりプログラミングの基礎の問題です。
一応直すべき箇所を提示させて戴きます。

以下のような構造になっているという仮定で解決策を提示します。

<?php
//データベース接続
$flag=1;
$befo= '2000-10-10';//(初期値)
$time = '00:00:00';
echo "var day_data = [";
while ($data = mysql_fetch_array($quryset)){ 
  // ... if($data[1] == $_SESSION['id'])に続く本文かいてるところ
}
echo "];";
echo "new Morris.Line({";
echo "element: 'graph',";
... 続く

今現在はループの中でjsonの配列を作成しようと考えているかと思います。
しかし以下３つの問題があります。
・最初のデータが必ず出力される
・異なる日付が続くと出力されない
・同じ日付が３つ以上現れた場合複数出力される
※言い換えれば、最初のデータ以降は同日が２連続で現れた場合に２日目以降のみが処理される

とこんな具合なので動くわけはございません…。

これを正しくするっていうのが難しいので…SQLでSUMしましょう。
全データ取ってきてループで除こうというするのが問題をややこしくしています。
・$_SESSION['id']に登録されてるIDでクエリの件数を制限
・日付でGROUP BYして時間数をSUMしましょう

SELECT date, SUM(hours) as hourstotal FROM テーブル WHERE user_id={ここにID}

Answer 2

ループが抜けている気がしますが、補足にあるようにカンマが抜けてる気がしますね、、、

echo "{'date': '" .$befo. "', 'time': '" .$time. "'},"; # 最後のカッコの後のカンマを追加

Comments

[van-0215]

まずはじめに回答ありがとうございます。
カンマについてですが、上記に記しているプログラムは、全体の一部分で、他の場所で記述しております。
わかりにくくてすみません。

もしも他に時間の足し算ができない原因になりそうな部分がありましたら教えてください。

[takeshi]

28行目が生きてて、34行目がコメントになっていないのは、デバッグ用のコードだからでしょうか？
ここをそのまま動かしてるというオチはないですか？