highcharts - Highcharts の大規模データセットのクラスタリング

Question

Highcharts でプロットする必要がある数万 (場合によっては数十万) のポイントがあります。サーバー上のデータをクラスター化できる方法があるので、1000ポイント未満が表示されますが、ズームインすると、サーバーへのAJAX呼び出しが行われ、ズームされた領域のデータが取得されます(おそらく同じクラスター アルゴリズム)。これは Highcharts API とどのように連携しますか?

Answer 1

これを行うハイストック デモがあります http://www.highcharts.com/stock/demo/lazy-loading。しかし、ハイチャートでも同じことができますhttp://jsfiddle.net/RHkgr/ 重要なのは afterSetExtremes 関数です

...
            xAxis : {
                events : {
                    afterSetExtremes : afterSetExtremes
                },
...


/**
 * Load new data depending on the selected min and max
 */
function afterSetExtremes(e) {

    var url,
        currentExtremes = this.getExtremes(),
        range = e.max - e.min;
    var chart = $('#container').highcharts();
    chart.showLoading('Loading data from server...');
    $.getJSON('http://www.highcharts.com/samples/data/from-sql.php?start='+ Math.round(e.min) +
            '&end='+ Math.round(e.max) +'&callback=?', function(data) {

        chart.series[0].setData(data);
        chart.hideLoading();
    });

}

Answer 2

ポイントの制限がない場合は、turboThreshold パラメータを増やすことができます。