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。