将json-data加载到Highchart中

时间:2014-05-25 23:05:56

标签: javascript jquery highcharts

我在动态创建的弹出窗口中放置高图的问题已经挣扎了好几个小时。到目前为止,我已完成此部分,但现在我遇到的问题是我无法将使用过的数据加载到我的高级图表中。

我准备了两个例子 (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)和数据收集部分的小提琴结合起来。当然我知道我不再拥有选项部分了,但是我不知道如何将它传递到我的图表中(以前它看起来像这个http://jsfiddle.net/x6d3j/1/,我可以选择参数。

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:1)

this您要找的是什么?我改变了:

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

致:

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

将ajax调用放在DOM的底部就绪,不做任何更改。