如何使Highcharts从外部JSON文件中获取数据?

时间:2013-02-21 11:43:33

标签: javascript json highcharts

基本上,我有http://jsfiddle.net/TWF6N/

我想让JS检索一个JSON文件,而不是在JS文件中包含数据系列。

我不希望它出现在JS文件中:

data = {"aaData": [
    [1, "70.1700", "2008-12-29 11:23:00"],
    [2, "70.2600", "2008-12-29 16:22:00"],
    [3, "70.6500", "2008-12-30 11:30:00"],
    [4, "70.8700", "2008-12-30 16:10:00"],
    [5, "70.5500", "2009-01-02 11:09:00"],
    [6, "70.6400", "2009-01-02 16:15:00"]
]};

我该怎么做?

谢谢。

2 个答案:

答案 0 :(得分:3)

直接来自the HighChart documentation

您的JSON数据如下所示:

[
    [1, "70.1700", "2008-12-29 11:23:00"],
    [2, "70.2600", "2008-12-29 16:22:00"],
    [3, "70.6500", "2008-12-30 11:30:00"],
    [4, "70.8700", "2008-12-30 16:10:00"],
    [5, "70.5500", "2009-01-02 11:09:00"],
    [6, "70.6400", "2009-01-02 16:15:00"]
]

你的JS看起来像这样:

$(function () {
    var chart;
    $.getJSON('data.json', function(jsonData) {
        chartOptions.series = jsonData;
        chart = new Highcharts.Chart(chartOptions);
    });

    var chartOptions = {
        chart: {
            renderTo: 'container'
        },
        xAxis: {
            type: 'datetime'
        },

        series: []
    };
});

答案 1 :(得分:0)

据推测,你正在使用像php或asp.net这样的服务器端技术?如果是这样,那么你可以回调服务器以在HttpResponse中接收你的json。