Javascript 将Ajax JSON响应转换为HighCharts

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

下面是我的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);
});

函数createGraph（响应）{
$（“#容器”）。高图({
学分：{
已启用：false
},
图表：{
类型：“行”
},
标题：{
文本：“利润图”
},
副标题:{
文字：“过去一周的数据”
},
xAxis：{
键入：“日期时间”，
日期时间标签格式：{
日期：'%b%e'，
周：'%b%e'
}
},
亚克斯：{
标题：{
文字：“价格”
},
最低：0
},
工具提示：{
格式化程序：函数（）{
返回“+this.series.name+”：“+Highcharts.numberFormat（this.y，0）；
}
},
系列：[{
名称：“数据1”，
数据：/*显示来自AJAX响应的数据1*/，
pointStart:Date.UTC（2014年，d.getUTCMonth（），周前（新日期（）），
点间距：24*3600*1000，
颜色：“#55CCA2”，
}, {
名称：“数据2”，
数据：/*显示来自AJAX响应的数据2*/，
pointStart:Date.UTC（2014年，d.getUTCMonth（），周前（新日期（）），
点间距：24*3600*1000，
颜色：“#3498db”，
}, {
名称：'Data3'，
数据：/*显示来自AJAX响应的数据3*/，
pointStart:Date.UTC（2014年，d.getUTCMonth（），周前（新日期（）），
点间距：24*3600*1000，
颜色：“#0B79C3”，
}]
});
};
$.get（window.AjaxURL，{'action'：'graphData'}，函数（响应）{
createGraph（响应）；
});

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

创建json对象：

var jsonObj=JSON.parse(response);

---

现在，您可以使用

jsobjObj.Data1

，

jsonObj.Data2

和

jsonObj.Data3

获取Data1、Data2、Data3数据。对于系列Data1，数据将是变量，用于存储Ajax结果。Data1。。。对于系列数据2，数据将是变量存储您的Ajax结果。对于系列数据3，数据将是变量存储您的Ajax结果。数据3。。。。。。。您可能首先需要使用jQuery.parseJSON（响应）；