谷歌图表在获得ajax响应之前执行

时间:2014-05-23 09:02:38

标签: javascript jquery ajax google-visualization

我是jquery.i中的新手。使用谷歌图表为我的projects.i从ajax获取数据,但我无法使用该值来加载图形。因为图形在ajax完成执行之前调用。 我的代码在下面

var a = [];

$.ajax({
    type: 'post',
    url: 'IssueStatistics',
    dataType: 'json',
    success: function (data) {
        $.each(data, function (i, val) {
            a.push(val);
        });
    }
});

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

function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Task', 'Hours per Day'],
        ['Work', a[0]],
        ['Eat', a[1]],
        ['Commute', a[2]],
        ['Watch TV', a[3]],
        ['Sleep', a[4]]
    ]);

    var options = {
        title: 'My Daily Activities'
    };

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

非常感谢任何帮助

0 个答案:

没有答案