- het is al gelukt! :D
- Hulp gezocht met MYSQL issue
-
08-09-2016, 18:10 #1Particulier
- Berichten
- 1.730
- Lid sinds
- 16 Jaar
Hulp gezocht met MYSQL issue
Laatst aangepast door Stefan_B : 08-09-2016 om 18:25
-
08-09-2016, 18:54 #2Particulier
- Berichten
- 1.730
- Lid sinds
- 16 Jaar
Re: Hulp gezocht met MYSQL issue
Het is toch niet helemaal gelukt. Ik het geluk om waardes uit een msql kolom te halen, alleen wil ik dit ook doen voor "Labels" --> er staat nog January, February, etc.
Heeft iemand een idee hoe ik mijn php script moet aanpassen?
PHP Code:<?php require_once('config.php'); ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Chart.js Demo</title>
<script type="text/javascript" src="Chart.min.js"></script>
</head>
<body>
<canvas id="income" width="400" height="400"></canvas>
<script type="text/javascript">
// bar chart data
var barData = {
labels : ["January","February","March","April","May","June"],
datasets : [
{
fillColor : "#48A497",
strokeColor : "#48A4D1",
data : [<?php
$sql = "SELECT score FROM score";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc()) {
echo "' " . $row["score"]. " ',";
}
} else {
echo "0 results";
}
$conn->close();
?> ],
}
]
}
// get bar chart canvas
var income = document.getElementById("income").getContext("2d");
// draw bar chart
new Chart(income).Bar(barData);
</script>
</body>
</html>
-
08-09-2016, 20:02 #3
- Berichten
- 389
- Lid sinds
- 15 Jaar
Re: Hulp gezocht met MYSQL issue
Jammer.. de vraag is al weg.
Maar het is beter om de PHP van de HTML te scheiden en comments toe te voegen ;)
Code:<?phprequire_once('config.php'); // data uit database $data = ""; $sql = "SELECT score FROM score"; $result = $conn->query($sql); // meer dan 1 if ($result->num_rows > 0) { // output data of each row while ($row = $result->fetch_assoc()) { $data = $data."'".$row["score"] . "',"; } } else { // als leeg is $data = "0 results"; } $conn->close(); ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Chart.js Demo</title> <script type="text/javascript" src="Chart.min.js"></script> </head> <body> <canvas id="income" width="400" height="400"></canvas> <script type="text/javascript"> // bar chart data var barData = { labels: ["January", "February", "March", "April", "May", "June"], datasets: [ { fillColor: "#48A497", strokeColor: "#48A4D1", data: [<?=$data;?>], } ] } // get bar chart canvas var income = document.getElementById("income").getContext("2d"); // draw bar chart new Chart(income).Bar(barData); </script> </body> </html>
-
08-09-2016, 20:09 #4Particulier
- Berichten
- 1.730
- Lid sinds
- 16 Jaar
Re: Hulp gezocht met MYSQL issue
Thanks!! jij hebt mn vraag opgelost!! Enorm bedankt!!
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic