Mi objetivo es obtener una gráfica a partir de un array obtenido por JQuery
Importo el Google Chart
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
El bloque donde obtengo dicho array es el siguiente:
$.get("Inform.php?proyecto="+$("#Proyectos option:selected").text(), function( data ){
$.each(data, function(id,value){
var tmp = {
'value1':""+value['value1']+"",
'value2':""+value['value2']+"",
'solution':""+value['solution']+""
};
ListaA.push(tmp);
});
});
google.load('visualization', '1', {'packages': ['corechart']});
google.setOnLoadCallback(drawChart);
return;
Ahora la función drawChart()
function drawChart(){
try{
var dataTable = new google.visualization.DataTable(listaA);
var options = {
'title':'Title',
'width':400,
'height':300
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(dataTable, options);
}catch(err){
alert(err.message);
}
}
Finalmente el div donde quiero que se cargue mi gráfica
<div id="piechart" style="width: 900px; height: 500px;"></div>
Como habrán visto en el tercer bloque de código, he usado try/catch para verificar si obtengo errores y saber de qué tipo puede ser, pero al correr el código no sucede nada, ni carga el gráfico ni obtengo algún error. Intenté cargar el array resultante en una tabla y me muestra los resultados esperados, así que el problema no es un array null, a lo mejor estoy omitiendo un paso o lo hice mal al momento de usar la libreria de Google Chart.
Estoy atento a sus consejos y sugerencias sobre mi caso. Muchas gracias por su atención y tiempo.
google.charts
, lo mismo para asignar el callback. En tu código, estás llamando aload
ysetOnLoadCallback
sobre el objetogoogle
. ¿Estás seguro que debe funcionar como lo tienes?load
ysetOnLoadCallback
usandogoogle.chars.
en lugar de directamentegoogle
. Así lo dice la documentación oficial.