Highcharts Highchart回调重构不起作用,以及如何使用多个Ajax数据显示多个系列

Highcharts Highchart回调重构不起作用,以及如何使用多个Ajax数据显示多个系列,highcharts,Highcharts,我正在做一个利用高图和高库的项目。我遇到了两个问题,我想请你帮忙 如何使用多个系列编写highchart,每个系列从不同的Ajax调用获取其数据源?Highcharts网站上的示例仅显示一个Ajax源或一个带有预填充虚拟数据的多系列图表 我试图将highchart的绘制与ajax调用函数分开,因为用于绘制图表的嵌入式回调方法可能会有点难以阅读。但是,当我从回调部分计算出highcharts绘图代码时,highchart显示不再工作,即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),并观察是否有任何错误