Tengo una pequeña funcion que se encarga de obtener una serie de datos:
AngularJS
$scope.importarEstadisticas = function()
{
$http({
method: 'GET',
url: 'mainApp/Estadisticas/estadisticaMeses.php'
})
.then(function successCallback(datosEstadisicasMeses)
{
$scope.tableEstadisticas = datosEstadisicasMeses.data;
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart()
{
var cabeceras = Object.keys($scope.tableEstadisticas[0]); //Aqui se obtiene los valores Fecha y Registros, para las cabeceras de tu grafico.
var formatoGrafico = [];
formatoGrafico.push(cabeceras); //Se dejan como primer elemento en el arreglo Formato.
$scope.tableEstadisticas.forEach(function(registro, index) {
//Se recorren los datos y se cargan al arreglo con el mismo formato.
formatoGrafico.push([registro.Fecha, registro.Registros]);
});
var data = google.visualization.arrayToDataTable([formatoGrafico]);
var options =
{
title: 'Gráfica de Visitantes',
hAxis: {title: 'Fecha', titleTextStyle: {color: 'Black'}},
vAxis: {minValue: 0}
};
var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
},function errorCallback(datosEstadisicasMeses)
{
console.log("Error, al tratar de traer los datos")
});
}
$scope.importarEstadisticas();
Datos que retorna la consulta(En producción):
Datos que retorna el Array(Local):
Pero obtengo un resultado en la vista:
¿Cómo puedo o que se está omitiendo para que genere dicho error mencionado con anterioridad?
cols
? Date?