現在 phpMyadimin を使用してデータベースからの日付と時間を取り出し、morris.jsというグラフ作成ライブラリを使用して、こちらのサイトを参考にグラフを作ろうとしています。
引き出し元のデータベースのテーブルに日付と時間が存在するのですが、それぞれdate型(YY-MM-DD)とTIME型(HH:MM:SS)を使用しています。
それぞれ、'-' と ':' があるためだと思いますが、グラフには以下のように表示されてしまいます。
これをX軸に日付、Y軸に時間を表示したいと思います。イメージはこちら。
参考にテーブルの構造はこちらです。
DBからデータを確保し、morris.jsを記述したプログラムは、こちらです。
PHP
1echo "<script language='JavaScript'>"; 2echo "var day_data = ["; 3$flag=1; 4while ($data = mysql_fetch_array($quryset)){ 5 if($data[1] == $_SESSION['id']){//ログインユーザとデータの書き込みユーザーが一致したら 6 if($flag==0){//データの区切り , 場合分け 7 echo ","; 8 }else{ 9 $flag=0; 10 } 11 echo "{'date': '" .$data[2] . "', 'time': '" .$data[3] . "'}"; 12 } 13} 14echo "];"; 15echo "new Morris.Line({"; 16echo "element: 'graph',"; 17echo "data: day_data,"; 18echo "xkey: 'date',"; 19echo "ymax: '24',"; 20echo "ymin: '0',"; 21echo "ykeys: ['time'],"; 22echo "labels: ['勉強時間'],"; 23echo "smooth: false,"; 24echo "resize: true"; 25echo "});"; 26echo "</script>";
data[2]:日付
data[3]:時間
は、上記のプログラムでしっかりと確保できているのは確認済みです。
どうすれば、グラフを上記で述べた通りできますか?
回答1件
あなたの回答
tips
プレビュー