javascript - 如何通过 JSON 更新具有多个系列的 Highcharts？

Question

我很难更新我的 Highcharts 折线图 vis JSON(实际上是 JSONP)。我只是没有得到 jQuery 代码来处理我的数据和图表。

我的服务器端 PHP 有一个(可能，格式可能不同)响应，如下所示:

    [{  "name": "France",
        "data": [[1960,520325],
                 [1961,548976],
                 [1962,585604],
                 ...
                ]
     },{"name": "Germany",
        "data": [[1960,62718],
                 [1961,83872],
                 [1962,99201],
                 ...
                ]
     },{"name": ...

客户端看起来像这样:

    $(document).ready(function() {
        var options = {
            chart: {
                renderTo: 'container',
                type: 'spline'
            },
            series: []
        };


        var url =  "http://xxx/jsonp_response.php?callback=?";


        $.getJSON(url, {selectedCountries: "France,Germany,Switzerland", type: "jsonp"})
        .done(function(data)
        {
            // Split the data string into "name" and "data"
            $.each(data, function(name, values)
            {
                var items = values.toString().split(",");

                //now, name is for category
                options.series[].name = name;


                $.each (items, function(year, value)
                {
                    // now, categories
                    options.xAxis.categories = year;

                    // now, values
                    options.series[].data = value;
                });
            });            

            var chart = new Highcharts.Chart(options);
        })

事情可能比这容易得多。但是我尝试了很多不同的方法，其中很多是我在搜索中找到的，但都是徒劳的。感谢您的任何提示。

Answer 1

如果您的 json 已验证(包含数值)，您不需要解析它并为类别推送值等。因此请将您的 json 引用到系列对象并在图表中运行。