Dynamically invoke GeoChart

[Panayiotis Papadopoulos]

Hi everyone, I am trying to draw a GeoChart but I don't want it to load on page load. I want to draw the graph only if the user clicks on a button and fetch some data with AJAX. Unfortunately it fails. It seems that google.visualization.arrayToDataTable is missing.

Do you have any tips on how to draw the data only after the page is loaded.

[asgallant]

You need to make sure that the API is loaded first, but otherwise, this should work fine.  Something like this would do the trick:

​google.load('visualization', '1', {'packages': ['corechart']});
google.setOnLoadCallback(init);

function init () {
    document.getElementById('myButton').onclick = function () {
        // draw the chart here, or call chart drawing function
    };