Javascript 如何在谷歌表格图表中添加数字寻呼机?

Javascript 如何在谷歌表格图表中添加数字寻呼机?,javascript,google-visualization,Javascript,Google Visualization,最近我在我的项目中添加了一个谷歌表格。我的任务是在其中添加一个数字寻呼机。但我只能补充一点 options['pagingSymbols']={prev:'prev',next:'next'}; 选项['pagingButtonsConfiguration']='auto' 它只显示“下一步”和“上一步”按钮。那么我如何将其更改为数字分页呢。提前谢谢 您必须为图表创建自定义事件处理程序。例如,您可以使用dataView获取10行数据,如下所示: var dataView = new google

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

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


它只显示“下一步”和“上一步”按钮。那么我如何将其更改为数字分页呢。提前谢谢

您必须为图表创建自定义事件处理程序。例如,您可以使用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而不是实际数据重新绘制表格。

如果下面的答案对您有效,请单击答案中向上/向下投票箭头下方的复选标记,以便其他人可以看到这解决了您的问题。如果我的回答不够清楚,或者您仍然有问题,请在回答中添加注释,解释问题/不清楚的地方。谢谢您的回复。我会测试一下,很快给你回复。