Google 图表 - Table 图表未显示数据

Question

我正在使用 Google 图表 - Table 图表。我的 table 突然停止显示任何数据。大约 5-7 天前，我上次处理此问题时运行良好。 table 将显示正确的列 headers，但没有数据。这是从我的 AJAX 调用返回的 json（使用 Google.DataTable 生成 json 的 C# 服务）：

{
    "cols": [
        {
            "type": "string",
            "id": "Business Name",
            "label": "Business Name"
        },
        {
            "type": "string",
            "id": "Location",
            "label": "Location"
        }
    ],
    "rows": [
        {
            "c": [
                {
                    "v": "<a href='/Advertiser/DisplayPage?advertiserId=8'>Acem Birding Tours</a>"
                },
                {
                    "v": "Cincinnati, OH"
                }
            ]
        }
    ]
}

我运行这个 json 通过 json Lint 并且它是有效的 json。

我绘制 chart/table 的 JavaScript 函数如下所示：

function createSearchResultsTable() {
    var options = {
        // Create some options for the displaying of the table
        page: 'enable',
        allowHtml: true,
        width: 800,
        pageSize: 20,
        showRowNumber: true
    };

    // Get the list of guides
    $.getJSON('/Home/SearchForGuide', { country: selectedCountry }, function (jsonData) {
    }).success(function (jsonData) {

        data = new google.visualization.DataTable(jsonData);
        table = new google.visualization.Table(document.getElementById('resultsTable'));
        table.draw(data, options);

    }).fail(function (jqXHR, textStatus, errorThrown) {
        alert('Error: ' + textStatus + ' ' + errorThrown);
    });
}

就像我说的，大约 5-7 天前，它完全按预期工作，并且正在显示数据。现在没有显示上面显示的同一行数据。谁能看出哪里出了问题？

Answer 1

你的代码没问题。当你说“..大约 5-7 天前，这完全按预期工作并且正在显示数据”时，我强烈怀疑原因是你的 headers，例如。如何加载 google 可视化。为了显示 table 图表类型，您必须像这样初始化 google 可视化

google.load("visualization", "1.1", {packages:["table"]});

或

google.load('visualization', '1.1', {packages:["corechart, table"]});

没有

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

我怀疑你在做 :) 否则你的代码没问题 -> http://jsfiddle.net/7361pk4g/

Google 图表 - Table 图表未显示数据

Google Charts - Table Chart Not Displaying Data

google-visualization