Re: визуализация данных
Добавлено: Вт май 23, 2017 3:44 am
Скрипт демонстрирует работу с jquery,счетчик нажатий кнопки и простая анимация.
$.ajaxSetup({
cache: false
});


но до меня так и не доходит
он один в один повторяет твой только прощеfunction Get(){
$.getJSON('gotdata.json', function(data){
$('#sensor').html('<h1> Name : '+data.name+'</h1>');
$('#date').html('<h1> Data : '+data.date+'</h1>');
$('#value').html('<h1> Value : '+data.value+'</h1>');
$('#number1').html('<h1> Tel 1 : '+data.phoneNumbers[0]+'</h1>');
$('#number2').html('<h1> Tel 2 : '+data.phoneNumbers[1]+'</h1>');
$('#number3').html('<h1> Tel 3 : '+data.phoneNumbers[2]+'</h1>');
$('#number4').html('<h1> Tel 4 : '+data.phoneNumbers[3]+'</h1>');
});
}
setInterval('Get()', 1000);
то же самое что и вот это$.getJSON('gotdata.json', function(data)});
сдесь я говорю "пришли мне файл gotdata.json'"$.ajax({
url: url,
}).done(function(data) {
});
если все данные можно получить одним запросом?setInterval(function(){ live_upd("GET /objects/?object=tempSTR&op=m&m=update&v=", RadialTout); },6000);// конечно это не работает
setInterval(function(){ live_upd("request_generic=tempSTR", RadialTin); },7000);
setInterval(function(){ live_upd("/pChart/?op=value&p=ws.windLatest", windSpeed);}, 1500);
setInterval(function(){ live_upd("/pChart/?op=value&p=weather_my.pressure", RadialPress); },12000);
// send HTTP GET request
request.open("GET", "req_el_freq" + 'oscill' + randomNoCache(), true);
request.send(null);
setTimeout('getElectroForm()', 2000);
} // getElectroForm()
request.open("GET", "req_el_freq" + 'oscill' + randomNoCache(), true);
а в server_ajax.ino такоеreq_el_freq
в ответ на твоеelse if (StrContains(HTTP_req, "req_el_freq")) {sendXmlAnswer(cl); checkOscill(); responseElectroFreq(cl);}
тебе посылаютreq_el_freq
вот и всеresponseElectroFreq(cl);
Код: Выделить всё
<script src="gauge.min.js"></script>
<canvas data-type="linear-gauge"
data-width="200"
data-height="600"
></canvas>
<script>
var gaugeElement = document.getElementsByTagName('canvas')[0];
gaugeElement.setAttribute('data-border-radius', 20);
gaugeElement.setAttribute('data-color-numbers', 'red');
gaugeElement.setAttribute('data-type', 'radial-gauge');
gaugeElement.setAttribute('data-type', 'linear-gauge');
</script>Код: Выделить всё
...
var ghvalue = ["hum_air", "hum_gr", "press", "temp_air", "temp_woter"];
...
function getValue() {
var request = new XMLHttpRequest();
request.onreadystatechange = function() {
if (this.readyState == 4) {
if (this.status == 200) {
if (this.responseXML != null) {
// net activ
insertTick(30, bufferCpuLoad2);
for (var i = 0; i < ghvalue.length; i++) {
try {
var temp = this.responseXML.getElementsByTagName(ghvalue[i])[0].childNodes[0].nodeValue;
} catch (err) {
temp = "-1";
}
try {
document.getElementById(ghvalue[i]).innerHTML = temp;
} catch (err) { }
}
}
} //if (this.responseXML != null)
} // if (this.status == 200)
} // if (this.readyState == 4)
request.open("GET", "request_valgh" + randomNoCache(), true);
request.send(null);
setTimeout('getValue()', 3000);
}
...
<p>Влажность грунта: <span class="value" id="hum_gr">-999</span> % </p>
Данные на страничке есть.alexsis_76 писал(а):https://canvas-gauges.com/documentation/examples/ не открывается
данные в каком формате нужно получить (xml,json)?
по виду кода в xml