javascript - 在 JSF 的同一页面中依次渲染多个图表

Question

我有一个 JSF 页面。该页面中有四个图表。由于大数据，加载和呈现页面需要一些时间。有什么办法可以在页面初始加载期间渲染第一个图表，而所有其他图表将在渲染前一个图表后渲染。

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

谢谢！

Answer 1

当图表完成加载时，Highcharts 会触发加载事件。使用此事件触发下一个图表：

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

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