Javascript Highcharts中的Ajax系列数据

Javascript Highcharts中的Ajax系列数据,javascript,jquery,ajax,json,highcharts,Javascript,Jquery,Ajax,Json,Highcharts,如何接收要在海图中使用的系列数据?例如: series: [{ type: 'pie', name: 'Jobs', data: [ {name: 'Single job customers', y: jobsSingle, color: colours.lightYellow, }, {name: '2 job repe

如何接收要在海图中使用的系列数据?例如:

series: [{
                type: 'pie',
                name: 'Jobs',
                data: [
                    {name: 'Single job customers', y: jobsSingle, color: colours.lightYellow, },
                    {name: '2 job repeats', y: jobsDouble, color: colours.midYellow},
                    {name: '3+ job customers', y: jobsMore, color: colours.yellow},
                ]
            }]
如何使数据部分成为AJAX调用的函数

我试过:

data: function() {
                    return [
                        {name: 'Single job customers', y: jobsSingle, color: colours.lightYellow, },
                        {name: '2 job repeats', y: jobsDouble, color: colours.midYellow},
                        {name: '3+ job customers', y: jobsMore, color: colours.yellow},
                    ]
                    }

只是为了测试它是否会解析函数返回的数据,但这不起作用。

我找到了一种简单的方法:

function createSurveyChart() {

    $.ajax({
        url: ROOT + 'Ajax',
        data: {
            call: 'survey->spendingPie'
        },
        dataType: 'json',
        type: 'POST',
        async: true,
        success: function(returned) {
            $('#surveyChart').highcharts({
                chart: {
                    plotBackgroundColor: null,
                    plotBorderWidth: null,
                    plotShadow: false,
                    width: 240,
                },
                exporting: {enabled: false},
                credits: {enabled: false},
                title: {
                    text: ''
                },
                tooltip: {
                    pointFormat: '{series.name}: {point.y} <b>{point.percentage:.1f}%</b>'
                },
                plotOptions: {
                    pie: {
                        allowPointSelect: false,
                        cursor: 'pointer',
                        dataLabels: {
                            enabled: false,
                            color: '#000000',
                            connectorColor: '#000000',
                            format: '<b>{point.name}</b>:{point.y}{point.percentage:.1f} %'
                        }
                    }
                },
                series: [{
                        type: 'pie',
                        name: 'Jobs',
                        data: returned
                    }]
            });
        }
    })
}
函数createSurveyChart(){
$.ajax({
url:ROOT+“Ajax”,
数据:{
呼叫:“调查->支出派”
},
数据类型:“json”,
键入:“POST”,
async:true,
成功:函数(返回){
$('surveyChart')。高图({
图表:{
plotBackgroundColor:null,
plotBorderWidth:null,
影子:错,
宽度:240,
},
正在导出:{enabled:false},
信用证:{已启用:错误},
标题:{
文本:“”
},
工具提示:{
点格式:'{series.name}:{point.y}{point.percentage:.1f}%'
},
打印选项:{
馅饼:{
allowPointSelect:false,
光标:“指针”,
数据标签:{
启用:false,
颜色:'#000000',
连接器颜色:'#000000',
格式:{point.name}:{point.y}{point.percentage:.1f}%'
}
}
},
系列:[{
键入“pie”,
姓名:‘工作’,
数据:返回
}]
});
}
})
}
请参见Highcharts。