ハイチャート大きなデータセットクラスタリング

Question

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

Answer 1

はそれ、これはリセットズームイベントであるかどうかを知るためにsetExtremesイベント、 に登録し、

バーバラの答えのために改良したものです。 これは、データセット全体を取得したため、 がリセットされ、リセットズームが正しく機能するようになります。

xとyの両方のズームも可能です。

http://jsfiddle.net/DktpS/8/

var isReset = false; 

... 

      xAxis: { 
       events: { 
         afterSetExtremes : afterSetExtremes, 
        setExtremes: function (e) { 


         if (e.max == null || e.min == null) { 
          isReset = true;        
         } 
         else 
         { 
         isReset = false; 
         } 
        } 
       }, 
       minRange: 3600 * 1000 // one hour 
      }, 

      series: [{ 
       data: data, 
       dataGrouping: { 
        enabled: false 
       } 
      }] 
     }); 
    }); 
}); 


    /** 
    * 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(); 

     var min = 0; 
     var max = 1.35e12; 
     if(!isReset) 
     { 
      min = e.min; 
      max = e.max; 
     } 
     chart.showLoading('Loading data from server...'); 
     $.getJSON('http://www.highcharts.com/samples/data/from-sql.php?start=' + Math.round(min) + 
      '&end=' + Math.round(max) + '&callback=?', function (data) { 

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

      chart.hideLoading(); 


     }); 

    } 

Answer 2

http://www.highcharts.com/stock/demo/lazy-loadingのハイストックデモがあります。 しかし、あなたはhighcharts http://jsfiddle.net/RHkgr/ と同じことを行うことができ、重要なビットを使用すると、ポイントの制限を持っていないとき、あなたはturboThreshold PARAMTERを増やすことができた場合

... 
      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 3

afterSetExtremes機能です。ここで