Problem when using Google Charts

1

I am trying to complete the voting app. As a part of this I am using the Google Charts API to render the chart on the poll page. However when I run the JavaScript to render the chart, I get the following error in console.

Uncaught TypeError: Cannot read property 'DataTable' of undefined

From what I can understand, my javascript file is getting loaded before the Google API script. Here is the code which I am using, the drawInfo callback takes the data returned by the API call to the server, parses it to appropriate format, and gives it to the Google API to render the graph, the error occurs around line 20.

$(document).ready(function(){
    var poll = window.location.href.split(window.location.host)[1].split('/')[2]
        console.log(poll);
    $.ajax({
        url: '/polls/api/'+poll,
        type: 'GET',
        success: function(data) {
            getChart(data)
        }
    })

    function getChart(data) {
        google.charts.load('visualization', "1", {'packages':['corechart']});
        google.charts.setOnLoadCallback(drawChart(data));
    }
})
    function drawChart(info) {
    var data = new google.visualization.DataTable();
        data.addColumn('string', 'Options');
        data.addColumn('number', 'Votes');
        chartData = []
        for (var i=0;i<info.options.length;i++) {
            chartData.push([info.options[i], info.votes[i]])
        }
        console.log(chartData);
        data.addRows(chartData);

    var options = {'title':'How Much Pizza I Ate Last Night',
        'width':400,
        'height':300
    };

    var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    }