2013-01-10 37 views
1

最近我正在爲我的項目添加一個Google表格圖表。我的任務是在其中添加一個數字尋呼機。但我只能添加如何在Google Table Chart中添加數字尋呼機?

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

它只顯示下一個和上一個按鈕。所以我怎麼能把它改成數字分頁。提前致謝。

+0

如果下面的答案適合您,請點擊答案中向上/向下箭頭下方的複選標記,以便其他人可以看到這解決了您的問題。如果我的回答不夠清楚,或者您仍然有問題,請在答案中添加評論,以解釋哪些問題/哪些問題不明確。 – jmac

回答

1

您將不得不爲圖表創建自定義事件處理程序。例如,你可以使用一個數據視圖獲取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而不是實際數據重繪表格。

+0

感謝您的回覆。我會測試這個並儘快回覆你。 – Rezoan