Intento obtener el dataUrl ( algo similar a lo que hace esta pagina link ) de un grafico generado con Google Charts y guardar este en una variable, el grafico lo genero de la siguiente manera:
var result;
google.charts.load("current", {packages:['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Ciudad', 'Poblacion'],
['Tulua', 12312 ],
['Bogota', 22222 ]
]);
var options = {
title: "Max Poblacion",
};
var chart_div = document.getElementById('chart_div');
var chart = new google.visualization.PieChart(chart_div);
google.visualization.events.addListener(chart, 'ready', function () {
chart_div.innerHTML = '<img src="' + chart.getImageURI() + '">';
console.log(chart.getImageURI());
result = chart.getImageURI();
});
chart.draw(data, options);
}
console.log(result);
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id='chart_div'></div>
puedo mostrar lo que necesito pero no logro guardarla en una variable, pues al intentar hacerlo esta me muestra que esta indefinida.
¿ Es necesario mostrar el grafico en un div para obtener el dataUrl chart.getImageURI()
de este?