javascript - 将 json 数据加载到 Highchart 中

Question

我已经为将 Highcharts 放入动态创建的弹出窗口中的问题而奋斗了几个小时。到目前为止我已经完成了这一部分，但现在我遇到了一个问题，我无法将我使用的数据加载到我的 highchart 中。

我准备了两个例子。
(1): 首先是一个示例，它运行时没有任何问题。使用本地数据，在动态创建的div中创建highchart:
http://jsfiddle.net/AL3nT/2/
(2): 其次是我的实际问题的例子。我不得不说，我是 jquery 的新手，而且我不是一个有才华的程序员(我什至很高兴我处于这个水平:D)，并且我花了一些时间来更改代码以使用动态创建东西...
http://jsfiddle.net/AL3nT/3/
您可能会注意到，没有数据。数据本身应通过以下方式加载:

$.getJSON('http://www.pegelonline.wsv.de/webservices/rest-api/v2/stations/BONN/W/measurements.json?start=P1D', function (data) {
                chart_data = [];
                $.each(data, function (i, obj) {
                    chart_data.push([Date.parse(obj.timestamp), obj.value]);
                });
                options.series[0].data = chart_data;
                var chart = new Highcharts.Chart(options);
            });
        });

我的问题是我不知道如何将(2)中的 fiddle 和数据收集部分结合起来。当然，我知道我不再有选项部分，但我不知道如何将其传递到我的图表中(以前它看起来像 http://jsfiddle.net/x6d3j/1/ ，其中我有选项参数。

非常感谢任何帮助!

Answer 1

是this你在找什么？我改变了:

$('#container').hightcharts({
    chart: {
        type: 'spline',
        shadow: true
    }//,
    //........
});

致:

var options = {
    chart: {
        renderTo: 'container',
        type: 'spline',
        shadow: true
    }//,
    //....
};

并将 ajax 调用放在准备就绪的 DOM 底部，不对其进行任何更改。