El problema está en que las peticiones AJAX son asincrónicas, cuando vos estás haciendo GraphAreaGeneric(datos1, datos2);
fuera de la función es muy probable que datos1 y datos2 no hayan sido cargados aún.
Tenés dos soluciones al problema:
Poner la sentencia
GraphAreaGeneric(datos1, datos2);
dentro del.then()
quedando así:$.getJSON(urlPrincipal+'MetodoTraeDatos1') // Primera peticion Ajax .then(function(respuesta) { labelx = ""; for (var i = 0; i < respuesta.length; i++) { ini = respuesta[i].ini_semana; // fecha inicial fin = respuesta[i].fin_semana; // fecha final var datos = ""; labelx = abreviaRangoFechas(ini, fin); datos1.push({ y: parseInt(respuesta[i].cant_capacidad), label: labelx, s: respuesta[i].id_semana, }); // Llenaremos datos2 con la funcion asincrona funcionAsync(urlPrincipal+'MetodoTraeDatos2/'+respuesta[i].id_semana+'/') .then(function(datosDevueltos){ if ($.isNumeric(datosDevueltos[0].cantprog_progweek)) {valor = datosDevueltos[0].cantprog_progweek;}else{valor = 0;} // lleno el segundo array con datos de la segunda peticion (ACA TENGO EL PROBLEMA PARA LLENAR EL ARRAY) /********************************************************/ datos2.push({ y: parseInt(valor), label: labelx, }); /********************************************************/ GraphAreaGeneric(datos1, datos2); datos = valor; }, function(errorLanzado){ // Aquí el código para hacer algo cuando ocurra un error. alert("Fallo!!!"); }); }
Hacer una petición AJAX usando la función
$.ajax()
con el modo asíncrono desactivado, lo explican muy bien acá.
Espero haberte ayudado.
Comentanos como te fue por favor!