Ajax JSON响应转换为HighCharts

Question

我试图将动态数据添加到直接来自AJAX请求的HighCharts图中。

这是我的AJAX调用的JSON响应：

{
    "Data1":[17342,2424742,96496,13516,3262472,472722,278452],
    "Data2":[1213263,139300,21361,3724247,2474274,248835,135155],
    "Data3":[4727,427485,357,5383,483853,247472,247277]
}

这也是我还将传递JSON响应的函数：

function createGraph(response) {

        $('#container').highcharts({
                credits: {
                    enabled: false
                },
                chart: {
                    type: 'line'
                },
                title: {
                    text: 'Profit Graph'
                },
                subtitle: {
                    text: 'Data from the past week'
                },
                xAxis: {
                    type: 'datetime',
                    dateTimeLabelFormats: {
                        day: '%b %e',
                            week: '%b %e'
                    }
                },
                yAxis: {
                    title: {
                            text: 'Price'
                    },
                    min: 0
                },
                tooltip: {
                    formatter: function() {
                            return '<span style="color:#33333;">'+this.series.name +': '+ Highcharts.numberFormat(this.y,0);
                    }
                },
                series: [{
                    name: 'Data1',
                    data: /*show Data1 from AJAX Response*/,
                    pointStart: Date.UTC(2014, d.getUTCMonth(), weeks_ago(new Date())),
                    pointInterval: 24 * 3600 * 1000,
                    color: '#55CCA2',
                }, {
                    name: 'Data2',
                    data: /*show Data2 from AJAX Response*/,
                    pointStart: Date.UTC(2014, d.getUTCMonth(), weeks_ago(new Date())),
                    pointInterval: 24 * 3600 * 1000,
                    color: '#3498db',
                }, {
                    name: 'Data3',
                    data: /*show Data3 from AJAX Response*/,
                    pointStart: Date.UTC(2014, d.getUTCMonth(), weeks_ago(new Date())),
                    pointInterval: 24 * 3600 * 1000,
                    color: '#0B79C3',
                }]
        });

};

$.get(window.AjaxURL, {'action': 'graphData'}, function(response) {
        createGraph(response);
});

如何将这些数据解析为指定的序列？

Answer 1

创建json对象：

var jsonObj=JSON.parse(response);

现在您可以使用jsobjObj.Data1 ， jsonObj.Data2和jsonObj.Data3获得Data1，Data2，Data3数据。