私は自分のウェブサイトでハイストックを使用しています。株価チャートのナビゲーターのスクロールバーは、SVGを使用して描画されます。ユーザーが左端までスクロールしたときに、グラフに(ajaxを介して)さらにデータを追加したいと思います。
私はSVGを初めて使用しますが、ユーザーが最後までスクロールしたことを検出し、それに基づいてajaxクエリを実行する方法がわかりません。誰かがこれで私を助けることができますか?
ありがとう、シヴァクマール。
私は自分のウェブサイトでハイストックを使用しています。株価チャートのナビゲーターのスクロールバーは、SVGを使用して描画されます。ユーザーが左端までスクロールしたときに、グラフに(ajaxを介して)さらにデータを追加したいと思います。
私はSVGを初めて使用しますが、ユーザーが最後までスクロールしたことを検出し、それに基づいて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!");
}
}
}
}
}, [...]