Re: визуализация данных
Добавлено: Ср дек 06, 2017 4:44 pm
Я сейчам нахожусь в командировке в Якутии,поэтому ничем помочь пока не могу,приеду прмерно числа 23 декабря.
Интересно удалось запустить эти датчики? Я тоже пытаюсь скормить им переменную температуры результат 0. Если у Вас есть положительный результат, буду признателен если поделитесь.ser009 писал(а):вот примеры датчиков.
Помогите с функцией передачи значений.
https://canvas-gauges.com/documentation/examples/
вот пример все с того же сайте. Но как передать значение???вот кусок моего кода получения данных. выполнено в виде цикла forSPOILERSPOILER_SHOWКод: Выделить всё
<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>SPOILERSPOILER_SHOWКод: Выделить всё
... 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>
с помощью jqery передать число нельзя.как с помощью jqery передать какое нибудь число ( температуру ) в браузер
код выводит содержимое gotdata.json на экран<script src="jquery.js"></script>
<div id="sensor"<h2>Null</h2></div>
<div id="date"<h2>Null</h2></div>
<div id="value"<h2>0</h2></div>
<div id="number1"<h2>0</h2></div>
<div id="number2"<h2>0</h2></div>
<div id="number3"<h2>0</h2></div>
<div id="number4"<h2>0</h2></div>
<script>
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);
на экране видим{ "date": "24-05-2017",
"value": 692,
"name": "sensor21",
"phoneNumbers": [
814256995,
4555223332,
5555555554,
568645885669
]
}
сам код скрипта распологается в функции GetName : sensor21
Data : 24-05-2017
Value : 692
Tel 1 : 814256995
Tel 2 : 4555223332
Tel 3 : 5555555554
}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>');
});
https://majordomo.smartliving.ru/forum/ ... 289#p65289alexsis_76 писал(а):ну вроде добрался можете задавать вопросы.
Код: Выделить всё
// Let's set some values...
radial1.setValueAnimated(70); Код: Выделить всё
// Start the random update
setInterval(function(){ setRandomValue(radial1, 100); }, 4200);
setInterval(function(){ setRandomValue(radial2, 100); }, 4300);
setInterval(function(){ setRandomValue(radial3, 100); }, 4400);
function setRandomValue(gauge, range) {
gauge.setValueAnimated(Math.random() * range); }