[英]import data from localhost(phpmyadmin) to a web page“Highcharts”(as a project in phpmyadmin)
這是用Phpmyadmin中的數據在網頁中顯示列范圍(高圖中的圖形)的代碼。建立了連接,但是當我們向數據庫請求時會顯示任何內容。您能幫我嗎? 編碼:
<!DOCTYPE HTML>
<?php
$db = mysqli_connect('localhost', 'root') or die("Error " . mysqli_error($db));
mysqli_set_charset($db,"utf8");
// on sélectionne la base
$db_selected=mysqli_select_db($db,'outil_échantillonnage_et_analyse_de_données') or die("Error in the consult.." . mysqli_error($db));
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<style type="text/css">
${demo.css}
</style>
<script type="text/javascript">
$(function () {
$('#container').highcharts({
chart: {
type: 'columnrange',
inverted: true
},
title: {
text: 'Moyenne age'
},
subtitle: {
text: 'informations sur la moyenne d age des participants'
},
xAxis: {
categories: []
},
yAxis: {
title: {
text: 'Age ( ans )'
}
},
tooltip: {
valueSuffix: 'ans'
},
plotOptions: {
columnrange: {
dataLabels: {
enabled: true,
formatter: function () {
return this.y + 'ans';
}
}
}
},
legend: {
enabled: false
},
series: [{
name: 'moyenne age',
data: [<?php
// on crée la requête SQL
$sql = 'SELECT question2 FROM questionnaire';
do { echo $data['question2']; } while ($data = mysql_fetch_assoc($sql));
// on envoie la requête
$req = mysqli_query($db, $sql) ;
do { ?><?php switch ($data['question2']) {
case 'moins de 18ans':?>
[0.0,18.0],
<?php break;
case '18-35 ans':?>
[18.0,35.0],
<?php break;
case '35-60 ans':?>
[35.0,60.0];
<?php break;
case 'plus de 60ans':?>
[60.0,100.0];
<?php break;
}; ?>,<?php } while ($data = mysqli_fetch_assoc($req);
?>,
]
}]
});
});
<?php
mysqli_close($db);
?>
</script>
</head>
<body>
<script src="../../js/highcharts.js"></script>
<script src="../../js/highcharts-more.js"></script>
<script src="../../js/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>}
我認為問題出在這里:
// on crée la requête SQL $sql = 'SELECT question2 FROM questionnaire'; do { echo $data['question2']; } while ($data = mysql_fetch_assoc($sql));
你在這里打印東西。
如果我們看高圖的演示,它看起來像:
series: [{ name: 'Tokyo', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] }
但是在您的代碼上,看起來就像您在打印[35.0,60.0];
之前先打印了一些[35.0,60.0];
還有一個錯誤(我認為),您有data: [<?php
,然后在[35.0,60.0];
再次打印[35.0,60.0];
我認為您的數據看起來像[[35.0, 60.0]]
。
而且,如果您查看控制台(Chrome上為ctrl + shift + j),那里沒有出現錯誤?
碼
<!DOCTYPE HTML>
<?php
$db = mysqli_connect('localhost', 'root') or die("Error " . mysqli_error($db));
mysqli_set_charset($db,"utf8");
// on sélectionne la base
$db_selected=mysqli_select_db($db,'outil_échantillonnage_et_analyse_de_données') or die("Error in the consult.." . mysqli_error($db));
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<style type="text/css">
${demo.css}
</style>
<script type="text/javascript">
$(function () {
$('#container').highcharts({
chart: {
type: 'columnrange',
inverted: true
},
title: {
text: 'Moyenne age'
},
subtitle: {
text: 'informations sur la moyenne d age des participants'
},
xAxis: {
categories: []
},
yAxis: {
title: {
text: 'Age ( ans )'
}
},
tooltip: {
valueSuffix: 'ans'
},
plotOptions: {
columnrange: {
dataLabels: {
enabled: true,
formatter: function () {
return this.y + 'ans';
}
}
}
},
legend: {
enabled: false
},
series: [{
name: 'moyenne age',
data: [<?php
// on crée la requête SQL
$sql = 'SELECT question2 FROM questionnaire';
// on envoie la requête
$req = mysqli_query($db, $sql) ;
do { ?><?php switch ($data['question2']) {
case 'moins de 18ans':?>
[0.0,18.0],
<?php break;
case '18-35 ans':?>
[18.0,35.0],
<?php break;
case '35-60 ans':?>
[35.0,60.0];
<?php break;
case 'plus de 60ans':?>
[60.0,100.0];
<?php break;
}; ?>,<?php } while ($data = mysqli_fetch_assoc($req);
?>,
]
}]
});
});
<?php
mysqli_close($db);
?>
</script>
</head>
<body>
<script src="../../js/highcharts.js"></script>
<script src="../../js/highcharts-more.js"></script>
<script src="../../js/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.