google.load('visualization', '1', {'packages':['annotatedtimeline']});

function show_timeline(data, divid) {
    google.setOnLoadCallback(initialize);

    function initialize() {
        var query = new google.visualization.Query(data);
        query.send(handleQueryResponse);
    }

    function handleQueryResponse(response) {
        if (response.isError()) {
            alert('Error in query: ' + response.getMessage() + ' ' + 
                  response.getDetailedMessage());
            return;
        }
        var data = response.getDataTable();
        var chart = new google.visualization.AnnotatedTimeLine(document.getElementById(divid));
        chart.draw(data, {displayAnnotations: true});
    }
}