Я столкнулся с проблемой с анимацией графиков линий с помощью 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 секунд. Я просто не хочу этого.