javascript - Google char API テーブルに列がありません

Question

Aspnet アプリケーションで Google Chart API を使用しようとしています。私のデータは Web Api コントローラーによって提供されます。Google.DataTable.Net.Wrapper を使用してデータを生成し、Javascript の次のテンプレートを使用しています。

    function drawVersionDistributionChart() {
        var versionDistributionJsonData = $.ajax({
            url: BASE_URL + "api/VersionDistribution",
            dataType: "json",
            async: false
        }).responseText;

        // Create our data table out of JSON data loaded from server.
        var versionDistributionData = new google.visualization.DataTable(versionDistributionJsonData);

        // Instantiate and draw our chart, passing in some options.
        var versionDistributionChart = new google.visualization.PieChart(document.getElementById('versiondistribution_chart_div'));
        versionDistributionChart.draw(versionDistributionData, { width: 500, height: 300 });
    }

私のデータは適切にフォーマットされているようです: {"cols": [{"type": "string" ,"id": "VersionNumber" ,"label": "Version number" }, {"type": "number" ,"id ": "ApplicationCount" ,"label": "アプリケーション数" }], "rows" : [{"c" : [{"v": "1"}, {"v": 1}]}]}

Google API Playground でデータを検証しました。

また、Web API コントローラーの URL を datasourceUrl として指定して、Chart Wrapper メソッドを使用しようとしました。

何が足りないのですか？