javascript - JSFで同じページに複数のチャートを次々とレンダリングする

Question

私はJSFページを持っています。そのページには 4 つのチャートがあります。ビッグ データが原因で、ページの読み込みとレンダリングに少し時間がかかっています。ページの初期ロード中に最初のチャートをレンダリングし、前のチャートをレンダリングした後に他のすべてのチャートをレンダリングできるようにする方法はありますか?

チャートを非常に高速に読み込んでレンダリングする効率的な方法は何でしょうか。

ありがとう！

Answer 1

チャートの読み込みが完了すると、Highcharts はload-eventを発生させます。このイベントを使用して、次のチャートをトリガーします。

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

データの読み込みやグラフのレンダリングに時間がかかりすぎるかどうかはわかりませんが、最初のケースでは、次のグラフのデータも に読み込むことを検討する必要がありますinitNextChart()。