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

Question

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

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

它只显示下一个和上一个按钮。那我怎么能把它改成数字分页。提前致谢。

Answer 1

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

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

然后，您可以以图表下方的任何方式创建按钮（图像等），并将事件附加到每个按钮上。您可以让该事件在两者之间显示页码，然后单击＆lt;或者＆gt;按钮，它将通过函数调用更改页面和数字，例如：

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

然后，您将“页面”写入存在页码的文档中。您可以使用以下方法查看最大数据行来执行当前/最大页面值：

var maxPage = data.getNumberOfRows();

然后你可以写一些错误捕获功能（如果他们点击第一页上的“后退”，或者尝试移动到最后一页上的“下一步”）。或者你可以将按钮变灰。或者你可以让它循环到最后一页。或者其他什么。

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