javascript PHP SQLを使って chart.js の折れ線グラフを表示したいのですがforeachで回すと２列目から表示されなくなります。解決方法をよろしくを願いいたします。 グラフは今のところ同じものを繰り返し表示で大丈夫なので下記のように記入しています。 <?php $records = $dbh->query("SELECT * FROM books_data"); foreach ($records as $record): $books_id = $record['books_id']; echo($books_id); //phpでのデータ $ranking_x = array("5/1", "5/2", "5/3", "5/4", "5/5", "5/6"); $ranking_y = array(16000, 14100, 10200, 6100, 8200, 10100); //javascriptに渡す $jranking_x = json_encode($ranking_x); $jranking_y = json_encode($ranking_y); ?> <canvas id="Ranking"></canvas> <script> //phpから値を受け取る let ranking_x = JSON.parse('<?php echo $jranking_x; ?>'); let ranking_y = JSON.parse('<?php echo $jranking_y; ?>'); //以下，グラフを表示 var ctx = document.getElementById("Ranking"); var myLineChart = new Chart(ctx, { type: 'line', data: { labels: ranking_x, datasets: [ { label: 'ランキング', data: ranking_y, }], }, }); </script> <?php endforeach; ?>
JavaScript
