在JSF中的同一页面中一个接一个地渲染多个图表

Question

我有一个JSF页面。该页面有四个图表。由于数据量很大，加载和渲染页面需要很长时间。有没有办法，这样我可以在初始加载页面时渲染第一个图表，所有其他图表将在渲染上一个图表后呈现。

什么是加载和渲染图表的有效方法。

谢谢！

Answer 1

图表加载完成后，Highcharts正在触发load-event。使用此事件触发下一个图表：

var chart = new Highcharts.Chart({
    chart: {
    ...
        events: {
            load: function(event) {
                initNextChart();
            }
        }
    }
});

我不知道加载数据或渲染图表是否需要花费太多时间，但在第一种情况下，您应该考虑加载initNextChart()中下一个图表的数据。