oke, bedankt ga dit proberen
[size=xsmall]
Toevoeging op 30/10/2023 17:50:01:[/size]
u schreef om 17:06 $values= implode(",",$data);
moet dat niet zijn $values= implode(",",$data['total']);
[size=xsmall]
Toevoeging op 30/10/2023 18:04:16:[/size]
Dit is de code en krijg een wit scherm.
<?php
$sqlc="SELECT MONTH(datin) AS maand,COUNT(*) AS total FROM database WHERE YEAR(datin) = YEAR(CURRENT_DATE) GROUP BY maand ORDER BY maand;";
$result = $con->query($sqlc);
$data = $result->fetch_assoc();
$values= implode(",",$data);
?>
<html>
<head>
<title>Staafdiagram voorbeeld met Chart.js</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<canvas id="myBarChart" width="400" height="400"></canvas>
<script>
// Je gegevens voor het staafdiagram
var data = {
labels: ["januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "Oktober", "November", "December"],
datasets: [{
label: "ingaves per maand",
data: [<?php echo $values;?> ], // Hier voeg je je eigen data toe.
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, 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, 99, 132, 0.2)',
'rgba(54, 162, 235, 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, 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, 99, 132, 1)',
'rgba(54, 162, 235, 1)',
],
borderWidth: 1
}]
};
var options = {
scales: {
y: {
beginAtZero: true
}
}
};
// Maak een staafdiagram
var ctx = document.getElementById('myBarChart').getContext('2d');
var myBarChart = new Chart(ctx, {
type: 'bar',
data: data,
options: options
});
</script>
</body>
</html>