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

时间:2011-10-20 14:12:23

标签: javascript svg highcharts highstock

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

我是SVG的新手,不知道如何检测用户是否已滚动到最后并根据该查询触发ajax查询。任何人都可以帮助我。

谢谢, 西瓦库玛。

1 个答案:

答案 0 :(得分:5)

所以,今天我遇到了同样的问题,我刚刚找到了你的问题。

我不知道你是否有任何理由只在用户移动滚动条时加载新数据,如果用户可视化最左边的数据,我建议激活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!");
                        }
                    }
                }
            }
        }, [...]