Php 从mysql数据库中获取高图数据

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">

我试图从mysql中提取数据并显示在highchart条形图上,但我不确定我的代码哪里不正确。结果是一个空白页

代码不会出错,因为我从highchart提供的index.html文件中获取了它,但由于某些原因它不起作用。有人能检查一下,让我知道我哪里出错了吗

<!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(){