Я пытаюсь визуализировать некоторые данные в приложении реакции. У меня есть некоторый опыт работы с библиотекой Dygraph Chart, поэтому я решил продолжать ее использовать, но я понятия не имею, как можно обновить диаграмму? Если я буду использовать useEffect - диаграмма будет перерисовываться все время, использование var g (из приведенного ниже примера) в другом useEffect невозможно из-за области действия. Буду благодарен за любые предложения.
let data = [];
let t = new Date();
for (let i = 10; i >= 0; i--) {
let x = new Date(t.getTime() - i * 1000);
data.push([x, Math.random()]);
}
let g = new Dygraph(document.getElementById("graph"), data, {height:200});
window.setInterval(function() {
let x = new Date();
let y = Math.random();
data.shift();
data.push([x, y]);
g.updateOptions( { 'file': data } );
}, 1000);