Google Visualization - TypeError: Cannot read property 'DataTable' of undefined [Chrome specific]

Question

I am using Google Visualization Library my application was working correctly, I am unable to figure out how on chrome (specifically) this err starts coming up. Working fine in Firefox

function drawVisualization() {

var data = new google.visualization.DataTable(countArray);

// Declare columns
data.addColumn('date', 'Day');
data.addColumn('number', 'Person');

// Add data.
data.addRows(countArrayFinal);

// Create and draw the visualization.
new google.visualization.LineChart(document.getElementById('visualization')).draw(data, {
    title: 'Performance',
    width : 700,
    height : 300,
    vAxis : {
        maxValue : 4000
    }
});
}drawVisualization();

Answer 1

This error occurs because google visualization is not loaded.

Add this below the drawVisualization function:

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawVisualization);

instead of

drawVisualization();