0

我刚刚开始在我的一个实现中使用 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]]

4

1 回答 1

2

您在代码中忘记了逗号，更改：

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

至：

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

这是您的代码的一个工作示例：http: //jsfiddle.net/HCJCr/

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

于 2013-05-19T12:44:26.097 回答