Страница 5 из 39
Re: визуализация данных
Добавлено: Ср ноя 30, 2016 9:23 am
alexsis_76
Подправил твой код
библиотеку выделил в отдельный файл, переделал название digital-7-mono, иначе не грузится(ограничение 8.3).
Re: визуализация данных
Добавлено: Ср ноя 30, 2016 10:01 am
serghei
А где код ? Насколько я понял ,если выделить отдельно код спидометра , то его можно загрузить один раз и дальше просто обращаться к нему из разных страниц ? В Нете куча всяких библиотек , но они лежат на сторонних серверах. И требуют ответы от сервера в формате Json. А с этом пока тяжко. Круглый шрифт прикольно смотрится. Не знаю как насчет дефиса в названии файлов , но точку точно не переваривает SD карта.
Пробую найти нормальный код для отображения зарядки батарейки.
Re: визуализация данных
Добавлено: Ср ноя 30, 2016 10:48 am
alexsis_76
вот
И требуют ответы от сервера в формате Json
у тебя xml
сложного ничего там шибко нет
Re: визуализация данных
Добавлено: Пн дек 05, 2016 3:12 am
alexsis_76
вот что у меня
- Безымянный_2.JPG (102.68 КБ) 7764 просмотра
1. температура в офисе.
2. на улице -13 утром, в забайкалье, зимой(глобальное потепление однако).
3.температура паяльника градусник показывает 127 максимум что может. однако написано что до 125.
Re: визуализация данных
Добавлено: Пн дек 05, 2016 12:45 pm
serghei
Ну со спидометром разобрался. Следующим шагом хочется всю информацию о состоянии системы видеть на одной странице. Что то типа " Домашняя страница " . Как её сформировать и воткнуть спидометр и аналоговые часы я понял и уже работает. В АМС так же есть датчики дыма и протечки. Они передают на сервер свой статус 1 или 0 . Собственно интересует как отобразить это изменение на сцене. Самое простое - это изменить фоновую картинку - когда все нормально одна , а когда появился дым - меняется на другую. Как же выделю место на странице для индикации дыма . На форуме нашел упоминание о передаче статуса через PHP , а вот на hml это работать будет?
Такая конструкция заменит числовое значение на текст:
%.status|"zero;one;two;three"%
если хотите сделать так, что бы определённый блок отображался только при каком-то значении, то можно сделать так:
Код:
<div style='display:%.status|"none;none;none;block"%'>...</div>
и данный блок покажется только когда статус будет равен 3
PS Как то не правильно обсуждать чужой код , которого никто не видел , а у меня работает. Там на странице есть процедура , показывающая один текст , если статус 0 и другой, если 1.Только на ряду с текстом хочется и менять картинку)))
Re: визуализация данных
Добавлено: Пн дек 05, 2016 12:57 pm
ser009
Мне не нравятся такие термометры. Больно громоздкие.
Хотя на вкус и цвет товарища нет.
Re: визуализация данных
Добавлено: Пн дек 05, 2016 1:15 pm
serghei
Вся фишка этой библиотеки - с ней можно делать все что угодно - даже 50*50 пикселей ужать и разукрасить в любые цвета и диапазоны. Дома у меня полуубитый планшет без стекла , но абсолютно новый. Очень удобно в комнате смотреть за влажностью и температурой в котельной. А вот когда начнет дымить - на странице сенсоров я вижу - а в полноэкранном варианте нет. HTML только начал изучать. Много полезной инфы тут выкладывают ,но она для Алисы.
Re: визуализация данных
Добавлено: Пн дек 05, 2016 1:21 pm
alexsis_76
На форуме нашел упоминание о передаче статуса через PHP , а вот на hml это работать будет?
нет,php это серверные сценарии
Собственно интересует как отобразить это изменение на сцене
проще чем ты думаешь,всю интересующую информацию ты можешь вытащить из XML файла,он передается при запросе скриптом состояния девайса,тебе надо добавить пару тегов
вот например состояние светодиодов передается так
s += "<LED>"; if (LED_state[2]) {s += "on";} else {s += "off";} s += "</LED>\n";
s += "<LED>"; if (LED_state[3]) {s += "on";} else {s += "off";} s += "</LED>\n";
видишь теги <LED></LED>а между ними заключено "on" или "off"
<LED>on</LED>
парсер проходится по дереву DOM и вытаскивает содержимое тегов
для управления элементом используй style="display
Re: визуализация данных
Добавлено: Пн дек 05, 2016 1:46 pm
serghei
Как раз такую страницу я вижу а там статус <smkSmoke>1</smkSmoke> 1 или 0.
Код: Выделить всё
<inputs>
<mRtc>1</mRtc>
<mEthernet>2</mEthernet>
<mSd>1</mSd>
<mServer>1</mServer>
<mMajor>2</mMajor>
<mLaurent>2</mLaurent>
<mUpload>2</mUpload>
<mPirs>2</mPirs>
<mContacts>2</mContacts>
<mTemp>2</mTemp>
<mElectro>1</mElectro>
<mLeds>2</mLeds>
<mKeys>2</mKeys>
<mNoo>2</mNoo>
<mNrf24>1</mNrf24>
<auth>0</auth>
<uptime>0 00:00:22</uptime>
<freeRAM>27416</freeRAM>
<sdSize>3952</sdSize>
<cycDelay>0</cycDelay>
<cycInSec>42</cycInSec>
<lifer>3</lifer>
<time>18:45</time>
<day>2</day>
<month>12</month>
<weekday>6</weekday>
<tmpTemp>0.0</tmpTemp>
<smkSmoke>1</smkSmoke>
<voltage>220.00</voltage>
<power>880.00</power>
</inputs>
А вот дальше это состояние надо прицепить к какому нибудь <диву>, что бы появлялось или скрывалось область на странице.Желательно со своей картинкой)))))
*** Сообщение запрещено. Сообщение похоже на спам. ***
Re: визуализация данных
Добавлено: Пн дек 05, 2016 1:52 pm
serghei
Опять забанили ((((. Значение я вижу в реквесте <smkSmoke>1</smkSmoke> 0 или 1 . Надо прицепить к какому нибудь <div> чтобы отобразить область на сцене. Менять сообщение на странице я вижу как , а хочется картинку. Буду разбираться.