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á. Como en el comentario de abajo muy bien dijo el usuariornd
esta opción no se recomienda ya que afecta la experiencia final del usuario.
Espero haberte ayudado.
Comentanos como te fue por favor!