ユーザースクロールが左端に達したときにハイチャート（ハイストック）にデータを追加する

Question

私のウェブサイトにhighstockを使用しています。株価チャートのナビゲータのスクロールバーは、SVGを使用して描画されます。ユーザーが一番左端までスクロールしたときにグラフにデータを追加する（ajax経由で）。

私はSVGを初めて使い、そのユーザーが最後までスクロールしたことを検出してそれに基づいてajaxクエリを起動する方法がわかりません。誰もがこれで私を助けることができます。

ありがとう、 Sivakumar。

Answer 1

今日、私は同じ問題を抱えていましたが、あなたの質問が見つかりました。

ユーザーがスクロールバーを移動したときにのみ新しいデータを読み込む理由があるかどうかわかりませんが、ユーザーが左端のデータを視覚化する場合は、ajaxクエリを起動することをお勧めします。バーをスクロールする、左矢印を押す、ナビゲーションチャートの領域をドラッグするなど）。

このソリューションは、あなたに適用される場合は、このような何かを試すことができます。

chart = new Highcharts.StockChart({ 
     chart: { 
      renderTo: 'chart', 
      events: { 
       redraw: function(event) { 
        if (chart.xAxis) { 
         var extremes = chart.xAxis[0].getExtremes(); 
         if (extremes && extremes.min == extremes.dataMin) { 
          console.log("time to load more data!"); 
         } 
        } 
       } 
      } 
     }, [...]