Google图表 - 并排显示多个页面

Question

我正在使用Google Charts工具制作表格图表，该工具显示来自类似查询的数据：

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

然后图表显示三列 - 条目号，计数和用户名。问题是，它有太多的数据（大约8000个条目），表本身非常薄。我想要的是利用可用的空白区域将桌子分成两部分并排放置 - 就像这样：

使用Google Charts或任何其他图表库，是否有一种简单的方法可以轻松完成此操作？

Answer 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 */});