javascript - 当用户滚动到左端时将数据添加到 highcharts(Highstock)

Question

我在我的网站上使用highstock。股票图表导航器中的滚动条是使用 SVG 绘制的。当用户滚动到最左端时，我想向图表添加更多数据（通过 ajax）。

我是 SVG 新手，不知道如何检测到用户已滚动到末尾并基于此触发 ajax 查询。谁能帮我这个。

谢谢，西瓦库玛。

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!");
                        }
                    }
                }
            }
        }, [...]