Как сделать динамическое обновление в highcharts?
Пример взят отсюда
http://jsfiddle.net/gh/get/library/p...ynamic-update/ В коде ниже используются случайные данные. Мне нужно выводить мои данные. С нижней частью кода, (// generate an array of random data)которая отвечает за данные, которые вначале есть на графике, я разберусь. Но вот с верхней частью (// set up the updating of the chart each second)- непонятно. У меня есть php файл - data.php который возвращает значение вида [1516998155000, 1] (js timestamp, value). Как нужно изменить код, чтобы вызывать этот файл - получать ответ и добавлять новую точку каждую секунду? <script src="https://code.highcharts.com/stock/highstock.js"></script> <script src="https://code.highcharts.com/stock/modules/exporting.js"></script> <div id="container" style="height: 400px; min-width: 310px"></div> Highcharts.setOptions({ global: { useUTC: false } }); // Create the chart Highcharts.stockChart('container', { chart: { events: { load: function () { // set up the updating of the chart each second var series = this.series[0]; setInterval(function () { var x = (new Date()).getTime(), // current time y = Math.round(Math.random() * 100); series.addPoint([x, y], true, true); }, 1000); } } }, rangeSelector: { buttons: [{ count: 1, type: 'minute', text: '1M' }, { count: 5, type: 'minute', text: '5M' }, { type: 'all', text: 'All' }], inputEnabled: false, selected: 0 }, title: { text: 'Live random data' }, exporting: { enabled: false }, series: [{ name: 'Random data', data: (function () { // generate an array of random data var data = [], time = (new Date()).getTime(), i; for (i = -999; i <= 0; i += 1) { data.push([ time + i * 1000, Math.round(Math.random() * 100) ]); } return data; }()) }] }); |
Часовой пояс GMT +3, время: 10:26. |