Highcharts Highchart回调重构不起作用,以及如何使用多个Ajax数据显示多个系列
我正在做一个利用高图和高库的项目。我遇到了两个问题,我想请你帮忙Highcharts Highchart回调重构不起作用,以及如何使用多个Ajax数据显示多个系列,highcharts,Highcharts,我正在做一个利用高图和高库的项目。我遇到了两个问题,我想请你帮忙 如何使用多个系列编写highchart,每个系列从不同的Ajax调用获取其数据源?Highcharts网站上的示例仅显示一个Ajax源或一个带有预填充虚拟数据的多系列图表 我试图将highchart的绘制与ajax调用函数分开,因为用于绘制图表的嵌入式回调方法可能会有点难以阅读。但是,当我从回调部分计算出highcharts绘图代码时,highchart显示不再工作,即highcharts调用不会返回任何内容。例如: 这项工作:
$.getJSON(myUrl, function(data){
$('#ajax-panel').highcharts('chart', {
rangeSelector : {
selected : 1
},
title : {
text : 'analysis chart'
},
series : [
{
name : 'dataseries',
data : data,
id : 'dataseries',
tooltip: {
valueDecimals: 2
}
}
]
});
这不起作用,尽管在语法方面我没有发现任何错误
$.getJSON(myUrl, function(data){
drawChart(data);
});
function drawChart(data){
$('#ajax-panel').highcharts('chart', {
rangeSelector : {
selected : 1
},
title : {
text : 'analysis chart'
},
series : [
{
name : 'dataseries',
data : data,
id : 'dataseries',
tooltip: {
valueDecimals: 2
}
}
]
});
};
谢谢 1)您需要获取所有系列并将其推入一个数组,然后在高图中引用它。重要的是,图表应该在上一个ajax的回调中初始化
When/then()jquery函数也应该很有用
2) 语法似乎正确,请检查您的控制台(单击F12/developer tools),并观察是否有任何错误