Как отобразить одну дату, если в моей базе данных есть несколько дат - PullRequest
0 голосов
/ 01 апреля 2020

Познакомившись с новичком в программировании, мне нужна помощь с обнаруженной проблемой. Здесь я пытаюсь сделать диаграмму, которая отображается через базу данных. И я хочу сделать такой график

image

Вот мой код: index.php:

<?php

$koneksi     = mysqli_connect("localhost", "root", "", "chart");
$positifcok  = mysqli_query($koneksi, "SELECT positif FROM tbl_chart order by id asc");
$tanggalcok  = mysqli_query($koneksi, "SELECT tanggal FROM tbl_chart order by id asc");

?>

<html>
<body>
<canvas id="myChart" width="100" height="40"></canvas>
<script> 

        var ctx = document.getElementById("myChart");
            var myChart = new Chart(ctx, {
                type: 'bar',
                data: {
                    labels: [<?php while ($b = mysqli_fetch_array($tanggalcok)) { echo '"' . $b['tanggal'] . '",';}?>],
                    datasets: [{
                            label: '# Indonesia Positif Covid-19',
                            data: [<?php while ($p = mysqli_fetch_array($positifcok)) { echo '"' . $p['positif'] . '",';}?>],
                            backgroundColor: [
                                'rgba(255, 99, 132, 0.2)',
                                'rgba(54, 162, 235, 0.2)',
                                'rgba(255, 206, 86, 0.2)',
                                'rgba(75, 192, 192, 0.2)',
                                'rgba(153, 102, 255, 0.2)',
                                'rgba(255, 159, 64, 0.2)',
                                'rgba(255, 99, 132, 0.2)',
                                'rgba(54, 162, 235, 0.2)',
                                'rgba(255, 206, 86, 0.2)',
                                'rgba(75, 192, 192, 0.2)',
                                'rgba(153, 102, 255, 0.2)',
                                'rgba(255, 159, 64, 0.2)'
                            ],
                            borderColor: [
                                'rgba(255,99,132,1)',
                                'rgba(54, 162, 235, 1)',
                                'rgba(255, 206, 86, 1)',
                                'rgba(75, 192, 192, 1)',
                                'rgba(153, 102, 255, 1)',
                                'rgba(255, 159, 64, 1)',
                                'rgba(255, 99, 132, 0.2)',
                                'rgba(54, 162, 235, 0.2)',
                                'rgba(255, 206, 86, 0.2)',
                                'rgba(75, 192, 192, 0.2)',
                                'rgba(153, 102, 255, 0.2)',
                                'rgba(255, 159, 64, 0.2)'
                            ],
                            borderWidth: 1
                        }]
                },
                options: {
                    scales: {
                        yAxes: [{
                                ticks: {
                                    beginAtZero: true
                                }
                            }]
                    }
                }
            });
        </script>
        </body>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
        </html>

Моя база данных:

image

Когда я запускаю программу, данные с той же датой все еще выводятся.

Output

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...