0

実装の 1 つで 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 に答える