Проблема с анимацией отображения графика динамических данных - PullRequest
1 голос
/ 29 марта 2019

Я столкнулся с проблемой с анимацией графиков линий с помощью echarts.js (https://echarts.baidu.com/dist/echarts.min.js). Я могу загрузить данные в серию через интервал 5 секунд. Но он обновляет весь график из-закакое чувство анимации разрушено. Есть ли способ, который может помочь мне загрузить / удалить часть моих данных из серии, не влияя на анимацию всего графика?

Я пробовал несколько способов, включая:

     mychart.getOption();
     mychart.setSeries();

Но оба они обновляют весь график, но я хочу добавить новые данные только без какого-либо эффекта моргания на весь график.

    setInterval(function () {
        hitslines.lines=[];
        $.ajax({
            url: "https://whos.amung.us/stats/data/?jte1b90n&k=dzsg93pq&pins=new",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            type: "POST",
            data: 'json',
            success: function (response) {
                for (var i = 0; i < response.pins.length; i++) {
                    hitslines.lines.push([
                        [
                            parseFloat(response.pins[i].lon),
                            parseFloat(response.pins[i].lat),
                        ],

                        [
                            parseFloat(officesLocations.offices[0].value[0]),
                            parseFloat(officesLocations.offices[0].value[1]),
                        ]
                    ]);


                }
            },
            async: false
        });
        if (count == 0){
            count += 1
            myChart.setOption({
                series: [{
                    name:'line',
                    data:  hitslines.lines
                }]
            });
        }
        myChart.setOption({
            series: [
            {
                name:'series2',
                data:  hitslines.lines
            }]
        });   
    }, 5000);

Я хочу отобразить всех новых посетителейна основе широты и долготы из ответа через каждые 5 секунд и удалите линии из диаграммы тех посетителей, которые в данный момент не активны. Просто, если новый ответ не имеет широты и долготы посетителей из предыдущего ответа, удалите эти строки изграфик. Мой график мигает через каждые 5 секунд. Я просто не хочу этого.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...