javascript - 如何在 Google 表格图表中添加数字寻呼机？

Question

最近我在我的项目中添加了一个谷歌表格图表。我的任务是在其中添加一个数字寻呼机。但我只能添加

options['pagingSymbols'] = {prev: 'prev', next: 'next'}; options['pagingButtonsConfiguration'] = 'auto';.

它只显示下一个和上一个按钮。那么如何将其更改为数字分页。提前致谢。

score 2 · Accepted Answer

您必须为您的图表创建一个自定义事件处理程序。例如，您可以使用 dataView 获取 10 行数据，如下所示：

var dataView = new google.visualization.DataView(data);
var page = 1;
dataView.setRows(page * 10 - 9,page * 10);

然后，您可以在图表下方以任何您喜欢的方式（图像等）创建按钮，并为每个按钮附加一个事件。您可以让该事件在其间显示页码，然后当您单击 < 或 > 按钮时，它将通过函数调用更改页面和页码，例如：

page = page + 1; // Obviously -1 for the minus button
dataView.setRows(page * 10 - 9,page * 10);

然后，您将“页面”写入存在页码的文档中。您可以通过查看最大行数据来获取当前/最大页面值：

var maxPage = data.getNumberOfRows();

然后你可以编写某种错误捕获函数（如果他们在第一页单击“返回”，或者尝试在最后一页移动到“下一页”）。或者您可以使按钮变灰。或者你可以让它循环到最后一页。管他呢。

每当您进行更改时，您只需使用 dataView 而不是实际数据重绘表格。

1 回答 1