Highcharts不会在下一页的分页上工作

Question

我正在使用jquery分页。我每页显示5条记录。这意味着我正在展示5个高级图表。现在问题是我点击下一步按钮。显示下一页数据但未显示图表。再次当我点击prev按钮图表时没有显示。

我在div中附加数据而没有页面刷新。

图表类型是列。

这是代码。

https://jsfiddle.net/shgc60fq/

在数据循环中我尝试了这个但仍然无法正常工作

    historygraphs(data.id);
    var chart = $('#contacts-history-chart-'+data.id).highcharts();

    var data2 = [5,7];
    chart.xAxis[0].setCategories(["Nov", "Dec"], true);
    chart.series[0].setData(data2,true);

Answer 1

您的Highchart数据应该重新呈现。 假设您将高图数据保存在var chart中，您可以更新完整函数中的数据，如：

chart.series[0].setData([1, 2, 3] );

假设你的追加函数有一个不完整的回调。