无法在php中显示highcharts

时间:2013-05-19 11:11:54

标签: php highcharts

我刚开始在我的一个实现中使用HighCharts,但我无法使用以下代码渲染图表。我错过了什么吗?

<html xmlns="http://www.w3.org/1999/xhtml" height="100%">

<head>  
    <script type="text/javascript" src="js/jquery-latest.js"></script>
    <script type="text/javascript" src="js/highcharts.js"></script>

    <script type="text/JavaScript">     
    $(document).ready(function() {
        var chart;
        var options = {
            chart: {
                renderTo: 'container',
                type: 'column'
            },
            title: {
                text: 'Testing'
            },
            legend: {
                layout: 'vertical',
                floating: true,
                backgroundColor: '#FFFFFF',
                align: 'right'
                verticalAlign: 'top',
                y: 60,
                x: -60
            },
            tooltip: {
                    formatter: function() {
                    return this.x + ': ' + this.y;
                }
            },
            series: [{
                type: 'column',
                data: []
            }]
        }

        $.getJSON("data.php", function(json) {
            options.series[0].data = json;
            chart = new Highcharts.Chart(options);
        });
    });
</script>

</head>

<body>
    <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
</body>

</html>

我的数据文件的输出是这样的:

[["A",13],["B",3],["C",7]]

1 个答案:

答案 0 :(得分:2)

您忘记了代码中的逗号,更改:

backgroundColor: '#FFFFFF',
align: 'right'
verticalAlign: 'top',

为:

backgroundColor: '#FFFFFF',
align: 'right',
verticalAlign: 'top',

以下是您的代码的工作示例:http://jsfiddle.net/HCJCr/

提示:了解如何在Firefox中使用Chrome或Firebug中的调试器。您将在一秒钟内发现这些错误和其他错误。值得花时间。