google.charts.load('current', {'packages':['corechart']});
var numbersFromLabView = [];
var time = [];
$('.viewbutton').click(function() {
// Zovi api poziv i dohvati podatke svako 2 sec
$('#portfolio').addClass('hidden');
$('#element-di-zivi-aplikacija').removeClass('hidden');
setInterval(getDataFromLabView, 2000);
});
function getDataFromLabView() {
var jsonData = $.ajax({
url: 'projectXHTTP',
dataType: 'json',
success: function (jsonArray) {
var zadnjiBroj = jsonArray[0];
var zadnjiBrojy = jsonArray[1];
drawChart(zadnjiBroj, zadnjiBrojy );
$(document.querySelector('.current-number')) .text(zadnjiBroj);
$(document.querySelector('.current-numbery')) .text(zadnjiBrojy);
}
});
}
function drawChart(number,number) {
var data = new google.visualization.DataTable();
moment.locale('hr');
time.push(moment());
numbersFromLabView.push(number);
data.addColumn('string', 'Time of Day');
data.addColumn('number', 'var_x');
data.addColumn('number', 'var_y');
numbersFromLabView.forEach((number, key) => {
// za svaki broj koji dohvati ubaci njega i vrijeme u data Objekt
data.addRow([time[key].format('LTS'), number, number]);
});
var options = {
background: 'transparent',
title: 'Numeric values from LabView on time scale',
height: '500px',
width: '100%',
hAxis: {
title: 'Vrijeme',
},
vAxis: {
title: 'STRUJA_I',
}
}
var chart = new google.visualization.LineChart(document.querySelector('#chart_div'));
chart.draw(data, data, options);
}