echarts多个ajax获

取数据的方法

1. 使用Promise.all()方法

Promise.all()方法可以同时处理多个异步操作，当所有异步操作完成后，返回一个包含所有异步操作结果的数组。

示例代码：

Promise.all([
    $.get('/data1'),
    $.get('/data2'),
    $.get('/data3')
]).then(function (results) {
    var data1 = results[0];
    var data2 = results[1];
    var data3 = results[2];
    // 绘制图表
    ...
});

2. 使用jQuery的$.when()方法

$.when()方法可以同时处理多个异步操作，当所有异步操作完成后，返回一个包含所有异步操作结果的数组。

示例代码：

$.when(
    $.get('/data1'),
    $.get('/data2'),
    $.get('/data3')
).done(function (data1, data2, data3) {
    // 绘制图表
    ...
});

3. 使用echarts的setOption()方法

echarts的setOption()方法可以在获得所有数据后再一次性设置图表的所有配置项。

示例代码：

var option = {};
$.get('/data1', function (data1) {
    option.series = [{data: data1}];
    $.get('/data2', function (data2) {
        option.series.push({data: data2});
        $.get('/data3', function (data3) {
            option.series.push({data: data3});
            // 设置图表配置项并绘制图表
            myChart.setOption(option);
        });
    });
});