2014-02-26 93 views
0

我正在使用谷歌圖表工具表圖,從類似的查詢數據顯示多個頁面的一面:谷歌圖表表 - 顯示並排

SELECT COUNT(id) AS total_count, name FROM users_statistics GROUP BY name; 

圖表,然後顯示三列 - 條目編號,計數和用戶名。問題是,它有太多的數據(大約8000條)和表本身非常薄。我要的是由兩個部分組成,它通過的身邊側拆分表利用可用的白色空間 - 這樣的事情:

Table chart on two pages

是否有一個簡單的方法來做到這一點沒有太多的麻煩谷歌圖表或任何其他圖表庫?

回答

1

您可以使用DataView將您的數據拆分爲多個部分,然後繪製多個表格。在表之間同步排序和分頁可能會有點棘手,但它應該是可行的。這裏有一個基本的例子:

// split a 2000 row DataTable "data" into two 1000 row DataViews 
var view1 = new google.visualization.DataView(data); 
view1.setRows(0, 999); 
var view2 = new google.visualization.DataView(data); 
view2.setRows(1000, 1999); 

var table1 = new google.visualization.Table(document.querySelector('#table_1')); 
table1.draw(view1, {/* options */}); 
var table2 = new google.visualization.Table(document.querySelector('#table_2')); 
table2.draw(view2, {/* options */}); 
+0

謝謝。調整了一下,像魅力:) – NorthBridge