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

Question

我正在开展一个使用 highcharts 和 highstocks 的项目。我遇到了 2 个问题，希望得到您的帮助。

1. 如何编写具有多个系列的高图，每个系列从不同的 Ajax 调用中获取其数据源？ Highcharts 网站上的示例仅显示单个 Ajax 源或具有预先填充的虚拟数据的多个系列图表。

2. 我试图将 highchart 的绘制与 ajax 调用函数分开，因为用于绘制图表的嵌入式回调方法可能有点难以阅读。但是，当我从回调部分中提取出 highcharts 绘图代码时，highcharts 显示不再起作用，即 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
                    }
                }
            ]
    }); 
};

谢谢！

Answer 1

1）您需要获取所有系列并推入一个数组，然后在高图中引用它。重要的是，图表应该在最后一个ajax的回调中初始化。

When / then() jquery 函数应该也有帮助。

2) 语法似乎是正确的，请检查您的控制台（单击 F12 / 开发人员工具）并观察是否有任何错误。