Познакомившись с новичком в программировании, мне нужна помощь с обнаруженной проблемой. Здесь я пытаюсь сделать диаграмму, которая отображается через базу данных. И я хочу сделать такой график
Вот мой код: 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>
Моя база данных:
Когда я запускаю программу, данные с той же датой все еще выводятся.