Добавление данных в верхние чарты (Highstock), когда пользовательская прокрутка достигает левого конца

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