Google图表 - 表格图表不显示数据

时间:2015-02-20 15:12:10

标签: google-visualization

我正在使用Google Charts - Table Chart。我的桌子突然停止显示任何数据。大约5-7天前,我上一次工作时工作正常。该表将显示正确的列标题,但没有数据。这是从我的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 Lint运行了这个json,它是有效的json。

我绘制图表/表的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天前,这与预期完全正常,数据正在显示。现在,没有显示上面显示的同一行数据。任何人都可以看到可能出错的地方吗?

1 个答案:

答案 0 :(得分:2)

你的代码很好。当你在大约5-7天前说&#34; ..时,这完全符合预期,数据正在显示&#34;然后我强烈怀疑原因是你的标题发生了变化,例如。如何加载谷歌可视化。为了显示表格图表类型,您必须像这样初始化谷歌可视化

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

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

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

因为我怀疑你在做:)否则你的代码很好 - &gt;的 http://jsfiddle.net/7361pk4g/