MINI

files >> C:/xampp/htdocs/polling_rt - Copy/results.php
 <?php
require 'inc/db.php';
require 'inc/functions.php';


$data = [];
$res = $mysqli->query("SELECT name, votes FROM candidates ORDER BY id");
while($r = $res->fetch_assoc()) $data[] = $r;


$names = json_encode(array_column($data,'name'));
$votes = json_encode(array_column($data,'votes'));
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hasil Polling</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="stylesheet" href="assets/style.css">
</head>
<body>
<div class="container">
<h1>Hasil Polling</h1>
<canvas id="barChart"></canvas>
<p><a href="index.php">Kembali</a></p>
</div>
<script>
const labels = <?= $names; ?>;
const data = <?= $votes; ?>;
const ctx = document.getElementById('barChart').getContext('2d');
new Chart(ctx, {
type: 'bar',
data: {
labels: labels,
datasets: [{
label: 'Jumlah Suara',
data: data,
borderWidth: 1
}]
},
options: {
scales: { y: { beginAtZero: true, precision:0 } }
}
});
</script>
</body>
</html>