Question

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

我使用谷歌图表构建堆积柱形图，我有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);
};

Answer 1

您可以使用外部分页，首先从数据库中获取10条记录并加载图表，然后以相同的方式调用另外10条带分页和加载图表的记录，依此类推。我们的想法是在每次调用时加载图表以获取记录。

分页谷歌图表堆积柱形图

1 个答案: