Страница 19 из 39
Re: визуализация данных
Добавлено: Вс окт 08, 2017 12:46 pm
ser009
Можно сравнивать полученные значения с предельными значениями
Есть аналогичный пример сравнения:
Код: Выделить всё
// Force
try {
var force = this.responseXML.getElementsByTagName('force')[0].childNodes[0].nodeValue;
} catch (err) {
force = "-";
}
if (force == 1) {
forceText = 'FRC';
} else {
forceText = 'NRM';
}
try {
document.getElementById('force').innerHTML = forceText;
document.getElementById('force').style.background = forceBackground(force);
document.getElementById('force').style.color = forceColor(force);
} catch (err) { }
PS: или опять видео снимать???
Re: визуализация данных
Добавлено: Вс окт 08, 2017 12:59 pm
serghei
Попробую сам разобраться. Только для начала надо уяснить как вообще формируется страница Даш-панели. А то добавил новые два места и пропал цвет у Меги. ))
Re: визуализация данных
Добавлено: Вс окт 08, 2017 1:52 pm
ser009
Доработанный вчерашний пример ( в норме -
зеленый, превышение значений -
красный )
Код: Выделить всё
// Temperature BMP180
try {
var tempBMP = this.responseXML.getElementsByTagName('tempBMP')[0].childNodes[0].nodeValue;
var tempCol = "";
} catch (err) {
tempBMP = "-";
}
if (tempBMP > 28 || tempBMP < 23){
tempCol = "1"}
else{
tempCol = "0"}
try {
document.getElementById("dash-tempBMP").innerHTML = tempBMP;
document.getElementById("dash-tempBMP").style.background = contactBackground(tempCol);
document.getElementById("dash-tempBMP").style.color = contactColor(tempCol);
} catch (err) { }
Re: визуализация данных
Добавлено: Вс окт 08, 2017 2:15 pm
serghei
Отлично. Но у меня Датчик в отдельном классе. И на сколько я понимаю
Код: Выделить всё
if (tempBMP > 28 || tempBMP < 23){
tempCol = "1"}
условия должны выглядеть как то так:
Если tempBMP > 23 до 28, то 1,
Если >28 ,то 2
А в скрипте цвет задать через Case.
PS Только вечером поэкспериментировать смогу...
Re: визуализация данных
Добавлено: Вс окт 08, 2017 4:15 pm
ser009
ну если 3 цвета хочешь добавь цифру 2
Re: визуализация данных
Добавлено: Чт окт 19, 2017 7:30 pm
roman_roman
Возможно не совсем по теме, но как вывести температуру процессора в меню?
Mayordomo работает на Orange Pi Zero, (ARMBIAN 5.31 stable Debian GNU/Linux 8 (jessie) 3.4.113-sun8i).
Re: визуализация данных
Добавлено: Чт окт 19, 2017 7:56 pm
serghei
Ну это совсем не по теме. Поищите " Галерея домашних страниц" от Adzam. Он там очень подробно объясняет как сформировать шапку и есть куча примеров кода и вывод в том числе состояние процессора. Правда всё для винды.
Re: визуализация данных
Добавлено: Сб окт 21, 2017 9:35 am
serghei
Приветствую Всех. Появилась проблема с отображением фоновой картинки на полноэкранных страницах.
В классическом виде на Full2.htm картинку добавляем стилями
Код: Выделить всё
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
%& <!-- links -->
<title>Полноэкранное демо - Arduino Mega Server</title>
<style>
.concept2 {
color: #333;
background: #BCC7B7 url(//%!/concept2.jpg) no-repeat;
background-size: 100% 100%;
}
</style>
<script>
function start() {
getFull2Data();
}
В явном виде задаём название файла , без повтора и размер на весь экран. Отлично , всё работает.
То же самое проделываю с graf.htm
Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AMS_Chart</title>
<meta http-equiv="Pragma" content="no-cache">
<!-- Styles -->
<style>
.concept2 {
color: #333;
background: #BCC7B7 url(//%!/concept2.jpg) no-repeat; <!-- вставляем любую картинку -->
background-size: 100% 100%;
}
#text{
font-size: 120%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333366;
}
#chartdiv {
width : 100%;
height : 500px;
}
</style>
<script type="text/javascript" src="read-csv.js"></script>
.........................
А вот фон не появится , пока не добавлю
Код: Выделить всё
</head>
<body class="concept2"> <!-- пока это не написал , результата нет -->
<!-- HTML -->
<div id="chartdiv"></div>
</body>
</html>
В результате картинка появляется , но левая верхняя четверть ( то есть фон в 4 раза больше экрана).
Собственно вопрос - Что я не учел или забыл ?
В самом скрипте есть строки
Код: Выделить всё
<fieldset>
<form action="#">
<!-- add class="tcal" to your input field -->
<div><input type="text" name="date" id="mymsg" class="tcal" value="" /></div>
</form>
<input type="button" onclick="Get_msg()" value="показать"/>
<div id="log">
<form action="#">
<!-- add class="tcal" to your input field -->
<div><input type="text" name="date" id="mylog" class="tcal" value="" /></div>
<input type="button" onclick="Get_log()" value="create!"/>
</form>
<form>
Пробовал по разному - не уменьшается.
Re: визуализация данных
Добавлено: Сб дек 02, 2017 7:58 pm
nick7zmail
Великие гуру визуализации)) помогите плс...добавил небольшой информер...
- 111.jpg (12.28 КБ) 5225 просмотров
Яваскриптом подменяю значения, всё работает...
- 222.jpg (48.82 КБ) 5225 просмотров
(зеленым выделены как раз изменяющиеся значения...запечатлены в момент обновления)...
Но график на страничке при этом не обновляется...как висит на начальном значении, так и остаётся там....в МД с похожим механизмом всё работает...в чем косяк?
Re: визуализация данных
Добавлено: Сб дек 02, 2017 8:09 pm
serghei
Вах!! Красота! А полную версию информера можно увидеть ? А то так сразу не сообразить )) Запросы в браузере идут ?