Задать вопрос

Как обновлять данные динамически?

Доброго времени суток, решил воспользоваться библиотекой, которая рендерит простые графики lightweight-charts, есть пример кода, как ей пользоваться:
<script>
    var chart = LightweightCharts.createChart(document.body, {
    	width: 600,
        height: 300,
    	layout: {
    		backgroundColor: '#000000',
    		textColor: 'rgba(255, 255, 255, 0.9)',
    	},
    	grid: {
    		vertLines: {
    			color: 'rgba(197, 203, 206, 0.5)',
    		},
    		horzLines: {
    			color: 'rgba(197, 203, 206, 0.5)',
    		},
    	},
    	crosshair: {
    		mode: LightweightCharts.CrosshairMode.Normal,
    	},
    	rightPriceScale: {
    		borderColor: 'rgba(197, 203, 206, 0.8)',
    	},
    	timeScale: {
    		borderColor: 'rgba(197, 203, 206, 0.8)',
    	},
    });
    
    var candleSeries = chart.addCandlestickSeries({
      upColor: 'rgba(255, 144, 0, 1)',
      downColor: '#000',
      borderDownColor: 'rgba(255, 144, 0, 1)',
      borderUpColor: 'rgba(255, 144, 0, 1)',
      wickDownColor: 'rgba(255, 144, 0, 1)',
      wickUpColor: 'rgba(255, 144, 0, 1)',
    });
    
    candleSeries.setData([
    	{ time: '2019-05-20', open: 191.13, high: 192.86, low: 190.61, close: 190.95 },
    	{ time: '2019-05-21', open: 187.13, high: 192.52, low: 186.34, close: 191.45 },
    	{ time: '2019-05-22', open: 190.49, high: 192.22, low: 188.05, close: 188.91 },
    	{ time: '2019-05-23', open: 188.45, high: 192.54, low: 186.27, close: 192.00 },
    	{ time: '2019-05-24', open: 192.54, high: 193.86, low: 190.41, close: 193.59 },
    ]);      
  </script>

Мне нужно этот график обновлять, периодически, есть такой метод из документации:
// update the most recent bar
candlestickSeries.update({ time: '2018-12-31', open: 109.87, high: 114.69, low: 85.66, close: 112 });

// creating the new bar
candlestickSeries.update({ time: '2019-01-01', open: 112, high: 112, low: 100, close: 101 });

Собственно сам вопрос, как мне обновлять технически эти данные? JavaScript знаю на уровне самого начинающего, не пойму как это работает, как мне добавлять этот метод "на лету". Или тут обязательное использование вебсокета необходимо ? Можно без него обойтись ?
Разъясните пожалуйста как это работает и как сделать правильно. Спасибо.
  • Вопрос задан
  • 167 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@66demon666
Сетевой админ, АТС-админ
setInterval + ajax
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы