Блог

Я столкнулся с проблемой с анимацией линейных диаграмм с использованием 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/?jte1b90namp;k=dzsg93pqamp;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 секунд. Я просто этого не хочу.