Php 从mysql数据库中获取高图数据
我试图从mysql中提取数据并显示在highchart条形图上,但我不确定我的代码哪里不正确。结果是一个空白页 代码不会出错,因为我从highchart提供的index.html文件中获取了它,但由于某些原因它不起作用。有人能检查一下,让我知道我哪里出错了吗Php 从mysql数据库中获取高图数据,php,mysql,highcharts,Php,Mysql,Highcharts,我试图从mysql中提取数据并显示在highchart条形图上,但我不确定我的代码哪里不正确。结果是一个空白页 代码不会出错,因为我从highchart提供的index.html文件中获取了它,但由于某些原因它不起作用。有人能检查一下,让我知道我哪里出错了吗 <!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!DOCTYPE HTML><html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/highcharts.js"></script>
<script src="js/modules/exporting.js"></script>
<?php
$host="localhost";
$username="root";
$password="";
$db="isat";
// Create connection
$con = mysqli_connect($host,$username,$password,$db) or die("Error Message: <br>". mysqli_error($con));
$data=array();
$query= "SELECT standard FROM domainlist";
$result=mysqli_query($con,$query);
while($row=mysqli_fetch_assoc($result)){
$data[]=$row['standard'];
}
?>
<script type="text/javascript">
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
categories: [<?php echo join($data, ','); ?>]
},
series: [{
data: [],
pointStart: 0,
pointInterval
}]
}); $(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Compliance'
},
yAxis: {
min: 0,
title: {
text: 'Total fruit consumption'
}
},
legend: {
reversed: true
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [{
name: 'John',
data: [5, 3, 4, 7, 2]
}, {
name: 'Jane',
data: [2, 2, 3, 2, 1]
}, {
name: 'Joe',
data: [3, 4, 4, 2, 5]
}]
});}); </script></head>
<body><div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div></body></html>
var图表=新的Highcharts.图表({
图表:{
renderTo:“容器”
},
xAxis:{
类别:[]
},
系列:[{
数据:[],
起点:0,
点间隔
}]
}); $(功能(){
$(“#容器”)。高图({
图表:{
类型:'bar'
},
标题:{
文本:“合规性”
},
亚克斯:{
分:0,,
标题:{
正文:“水果总消费量”
}
},
图例:{
对
},
打印选项:{
系列:{
堆叠:“正常”
}
},
系列:[{
姓名:'约翰',
数据:[5,3,4,7,2]
}, {
姓名:'简',
数据:[2,2,3,2,1]
}, {
名字:'乔',
数据:[3,4,4,2,5]
}]
});});
从数据库中获取的任何数据都是$data[]。在高图表中使用它的位置?对于x轴,类别从数据中获取值,它输出一个空白页。如果是这样,向我们展示呈现的页面可能是个好主意。右键单击页面并点击查看页面源。domainlist的DDL和示例数据也将很容易阅读更多关于在页面加载时使用JS的内容,简而言之$(function(){