javascript - GoogleChartの動的円グラフが機能しない

Question

私はGoogleChartを初めて使用し、動的Webプロジェクト（Java EE）で動的円グラフを作成しようとしています。チュートリアル（https://developers.google.com/chart/interactive/docs/queries）を読み、Googleコードのプレイグラウンドに円グラフコードをコピーしました。

function initialize() 
{
    // Replace the data source URL on next line with your data source URL.
    // Specify that we want to use the XmlHttpRequest object to make the query.
    var opts = {sendMethod: 'xhr'};
    var query = new google.visualization.Query('https://docs.google.com/spreadsheet/tq?range=A%3AB&key=0Aq4N8GK8re42dHlGMG0wM00tdE5PVjJZellXTEhFNEE&gid=0&headers=-1', opts);

    // Send the query with a callback function.
    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.PieChart(document.getElementById('chart_div'));
    chart.draw(data, {width: 400, height: 240, is3D: true});
}

google.setOnLoadCallback(drawVisualization);

しかし、それは機能しておらず、円グラフもありません。問題はどこにあるのか教えてください。私のスプレッドシートはhttps://docs.google.com/spreadsheet/ccc?key=0Aq4N8GK8re42dHlGMG0wM00tdE5PVjJZellXTEhFNEE です。ありがとうございます。