谷歌图表 - 并排显示多个页面

Question

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

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

然后图表显示三列 - 条目号、计数和用户名。问题是，它有太多的数据（大约 8000 个条目）并且表本身非常薄。我想要的是通过将表格分成两部分来利用可用的空白空间，它们并排保持 - 像这样：

有没有一种简单的方法可以做到这一点，而无需使用 Google Charts 或任何其他图表库带来太多麻烦？

Answer 1

您可以使用 DataViews 将数据拆分为多个部分，然后绘制多个表格。在表之间同步排序和分页可能会有点棘手，但它应该是可行的。这是一个基本示例：

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