現在mariadbのデータをphpに反映させようとしています。
phpはグラフを使って反映しようとしてます。現在作っているのはマスクの着用率をidを使ってまた日付も登録しているのでそこも表そうとしています。試しに値を入れて計算してだせるようにはなったのですが、maraidbのデータを取り込める方法がわかりません。誰か教えてください!! 時間は出るのですが日付がでません
試しに作ったのを載せます。
<?php session_start(); $date=("YY/m/d"); ?> <html> <head> <style> table { border-collapse: collapse; } td { border: solid 1px; padding: 0.5em; } </style> </head> <body> <?php $dsn = 'mysql:dbname=kadai;host=localhost;charset=utf8'; $user = "root"; $pass = "maria"; try{ $dbh = new PDO($dsn, $user, $pass); $sql = "select id, 学籍番号, 名前 , 日付 from マスク有"; $sql2 = "select count(id) from マスク有"; $sql3 = "select time(日付) from マスク有 "; echo '<table border="1">'; echo '<tr><th>ID</th><th>time</th><th>image</th><th>date</th></tr>'; $res = $dbh->query($sql2); $re = $dbh->query($sql3); foreach($res as $value){ echo '<tr><td>'.$value["count(id)"].'</td>'; // echo '<tr><td>'.$value["time(日付)"].'</td>'; //echo '<tr><td>'.$value["cnt"].'</td>'; } foreach($re as $data){ //echo '<tr><td>'.$value["count(id)"].'</td>'; // echo '<tr><td>'.$data["time(日付)"].'</td>'; echo '<tr><td>'.$data["time(日付)"].'</td>'; } }catch(PDOException $e){ print('Error:'.$e->getMessages()); die(); } ?> <html lang="ja"> <head> <meta charset="utf-8"> <title>グラフ</title> </head> <body> <h1>マスク着用率</h1> <canvas id="myLineChart"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.js"></script> <script> var hoge = <?php echo json_encode($value["count(id)"]); ?>; var time = <?php echo json_encode($data["time(日付)"]); ?>; var half = hoge/2; var ctx = document.getElementById("myLineChart"); var myLineChart = new Chart(ctx, { type: 'line', data: { labels: [time,'8月1日', '8月2日', '8月3日', '8月4日', '8月5日', '8月6日', '8月7日'], datasets: [ { label: 'マスク着用率', data: [half, 34, 37, 35, 34, 35, 34, 25], borderColor: "rgba(255,0,0,1)", backgroundColor: "rgba(0,0,0,0)" }, ], }, options: { title: { display: true, text: '着用率(8月1日~8月7日)' }, scales: { yAxes: [{ ticks: { suggestedMax: 40, suggestedMin: 0, stepSize: 5, callback: function(value, index, values){ return value + '%' } } }] }, } }); </script> </body> <html> コード