Highcharts JSON，圖表未顯示

Question

我有一些數據希望顯示在圖表上，但僅顯示標題，而不會繪制任何點。 據我所知，我收到的JSON數據是正確的，我認為它在圖表函數中的某處，但我無法真正指出。

到目前為止，這是我所擁有的：data.php（輸出）：

{"name":"Temperature","data":[34,28,29,28,34,28,32,27,24,30,25,32,34,28,34,33,24,33,30,27,24,27,26,29]}

html的重要部分：

<script>
    $(function () {
    var chart;
    $(document).ready(function() {
        $.getJSON("data.php", function(json) {
            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'container',
                    type: 'line',
                    marginRight: 130,
                    marginBottom: 25
                },
                title: {
                    text: 'Temperature vs. Time',
                    x: -20 //center
                },
                xAxis: {
                    categories: ['12AM', '1AM', '2AM', '3AM', '4AM', '5AM', '6AM', '7AM', '8AM', '9AM', '10AM', '11AM','12PM', '1PM', '2PM', '3PM', '4PM', '5PM', '6PM', '7PM', '8PM', '9PM', '10PM', '11PM']
                },
                yAxis: {
                    title: {
                        text: 'Temperature'
                    },
                    plotLines: [{
                        value: 0,
                        width: 1,
                        color: '#808080'
                    }]
                },
                series: json
            });
        });
    });    
});
</script>

它應該顯示每小時的溫度，但是不幸的是沒有任何反應。 知道有什么問題嗎？

Answer 1

series應該是一個數組。 因此，您只需要更改：

series: json

至：

series: [json]

工作示例： http : //codepen.io/anon/pen/Kfgsd

說明文件： http : //www.highcharts.com/docs/chart-concepts/series

Answer 2

您的問題我認為您尚未指定圖表應插入的位置，因此您應該為類構造函數選項指定renderTo選項，或使用$('#container').haighcharts({...}) jQuery助手