分页谷歌图表堆积柱形图答案

【问题标题】：Paging google charts stacked column chart分页谷歌图表堆积柱形图
【发布时间】：2015-09-30 23:43:35
【问题描述】：

我为此搜索了很多，但没有找到我要找的东西。

我正在使用谷歌图表构建一个堆积柱形图，我有超过 200 行。我想对结果进行分页，但我无法完成它。是否可以使用堆积柱形图对行进行分页？这是我当前的代码：

google.load('visualization', '1', {'callback':'drawChart', 'packages':['corechart']});

function drawChart() {

var jsonData = $.ajax({
    type: 'GET',
    url: "dashboard/lead/by-month",
    dataType:"json",
    async: false
}).responseText;

var data = new google.visualization.DataTable(
    jsonData
);

var options = {
    width: 900,
    height: 400,
    legend: { position: 'top', maxLines: 3 },
    bar: { groupWidth: '75%' },
    isStacked: true,
    showRowNumber: true,
    page: 'enable',
    pageSize: 10,
    sortColumn: 3,
    sortAscending: false
};

var chart = new google.visualization.ColumnChart(document.getElementById("chartContainer"));
chart.draw(data, options);
};

【问题讨论】：

标签： javascript google-visualization

【解决方案1】：

您可以使用外部分页，例如，首先从数据库中获取 10 条记录并加载图表，然后您可以使用分页调用另外 10 条记录并加载图表等。这个想法是在每次调用时加载图表以获取记录。

【讨论】：