我只需要在Google圖表表上顯示兩行

Question

我只需要在Google圖表表上顯示兩行即可。 我目前有以下被稱為：

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);        

}

問題是這正在顯示一個包含DataTable中所有值的表。 我只想顯示前兩行。 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);

順便說一句，如果它是有效的JSON，則@Html.Raw(ViewData["totalsTable"])在@Html.Raw(ViewData["totalsTable"])的輸出周圍加上引號。 由於Visualization API無需將JSON轉換為javascript對象，因此將它們排除在外會稍微提高效率：

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

Answer 2

為了使“ pageSize”選項起作用，必須啟用分頁。

options = { 'pageSize': 2 };

根據您的帖子，我認為您需要setColumns方法。 此處的文檔： https : //developers.google.com/chart/interactive/docs/reference?hl=ja#DataView_setColumns