javascript - 我只需要在 Google Charts 表格上显示两行

Question

我只需在 Google Charts 表格上显示两行。我目前正在调用以下内容:

function drawTable() {
    var jsonData = '@Html.Raw(ViewData["totalsTable"])';

    var table;
    var data;
    var options;

    data = new google.visualization.DataTable(jsonData);

    table = new google.visualization.Table(document.getElementById('table_div'));
    options = { 'pageSize': 2 };

    table.draw(data, options);        

}

问题在于，这显示了一个包含数据表中所有值的表。我只想显示前两行。 options = { 'pageSize': 2 } 应该可以实现这一点。我不确定我做错了什么。谢谢!

Answer 1

默认情况下禁用分页；您必须通过将 page 选项设置为 'enable' 来启用它:

options = {
    page: 'enable',
    pageSize: 2
};

[编辑 - 有关如何仅显示一组特定行而不分页的说明]

如果要显示一组特定的行，可以使用 DataView 来限制显示的行:

var view = new google.visualization.DataView(data);
// the #setRows method takes an array of row indices as an argument
// display the first two rows only (indices 0 and 1):
view.setRows([0, 1]);
// use the view to draw your table instead of the DataTable:
table.draw(view, options);

顺便说一句，如果 @Html.Raw(ViewData["totalsTable"]) 的输出是有效的 JSON，则不必在输出两边加上引号。将它们排除在外的效率会更高，因为可视化 API 不必将 JSON 转换为 javascript 对象:

var jsonData = @Html.Raw(ViewData["totalsTable"]);