визуализация данных

Модератор:Alex

serghei
Сообщения:2575
Зарегистрирован:Пт ноя 06, 2015 10:22 am
Откуда:Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза
Re: визуализация данных

Сообщение serghei » Вт сен 06, 2016 2:08 pm

Тут дело даже не в быстроте , а в разнообразии. Тема очень актуальная с учетом устойчивой работой АМС , наличием 32 гигов памяти и получением информации с кучи сенсоров и датчиков . Все эти напряжения , токи ,температуры и состояния реле хочется видеть в полном экране и везде надо разные спидометры ( и не только!) .Сейчас посетила идея - вынуть код чтения аналогового порта на фоне спидометра из файла sample1 и воткнуть его в полный экран . Если получится - то только пуля меня остановит))). В этом для меня и заключается вся красота АМС (на 90%) . Так уже реализовал 7 экранов , но только цифры на фоне картинки.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
alexsis_76
Сообщения:792
Зарегистрирован:Пт янв 22, 2016 10:08 am
Благодарил (а): 6 раз
Поблагодарили: 63 раза

Re: визуализация данных

Сообщение alexsis_76 » Ср сен 07, 2016 3:39 am

переделал
так намного симпатичней
код в аттаче
можете наблюдать работу
api библиотеки
https://github.com/Mikhus/canv-gauge/wiki/Gauge-API
примеры мспользования
http://smart-ip.net/gauge-html.html
несколько слов о работе
код в html создает прибор, обновление показаний происходит раз в 500мс значением переменной t
переменная t в свою очередь обновляется раз в полсекунды значениями из устройства
можно попробовать вызывать server_get прямо из
gauge.onready = function() {
setInterval( function() {
gauge.setValue(t);
}, 500);
};
соственно можно нарисовать все что угодно, была бы фантазия.
вообщем читайте, пробуйте, пишите ;)
Вложения
gg.rar
(15.11КБ)306 скачиваний
term_1.jpg
term_1.jpg (54.3КБ)8466 просмотров
serghei
Сообщения:2575
Зарегистрирован:Пт ноя 06, 2015 10:22 am
Откуда:Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: визуализация данных

Сообщение serghei » Ср сен 14, 2016 2:15 pm

Пробую найти библиотеку в АМС которая рисует спидометр и выводит состояние аналогового порта. Пошел по примитивному пути - вырезал из файла sample1.htm один индикатор , добавил картинку , но чего то не хватает ( знаний точно ...). Я догадываюсь, что ID в системе должны быть уникальными. Как промежуточный результат картинка
Вложения
Визуализация_А2.png
Визуализация_А2.png (251.07КБ)8289 просмотров
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
serghei
Сообщения:2575
Зарегистрирован:Пт ноя 06, 2015 10:22 am
Откуда:Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: визуализация данных

Сообщение serghei » Ср сен 14, 2016 2:25 pm

Код для этого использовал на подобии Full2 . Просто добавляете Full8 и в файле меню добавить ссылку на него. Сам спидометр не выводится, хотя он в системе есть. Пробую разобраться ,но не получается...Или вообще такой подход в принципе не правильный?
Вложения
full8.rar
Чтение аналогового порта А2
(5.81КБ)244 скачивания
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
alexsis_76
Сообщения:792
Зарегистрирован:Пт янв 22, 2016 10:08 am
Благодарил (а): 6 раз
Поблагодарили: 63 раза

Re: визуализация данных

Сообщение alexsis_76 » Чт сен 15, 2016 4:29 am

но чего то не хватает
угу, не хватает кода который рисует прибор
сам код физически находится в SAMPLE1.JS(в начале,там где много всяких букв ;) ),ты его не подключил поэтому и не рисуется
вычленил отдельно код скрипта во вложении,
библиотека хочет загрузить файл шрифта из интернета что бы рисовать цифры которые внизу,библиотека кешируется, я правда не знаю на сколько
вот наслаждайся
P.S.библиотека оказывается работает и с моим кодом, причем весит почти в половину меньше и не хранит файл digital-7-mono.ttf
если нет возможности загрузить digital-7-mono.ttf, то циферки на циферблате будут круглыми, если удалось , то как на семисементном индикаторе
блин у тебя оказывается в файле все есть ;) первый раз глянул не до конца, ты там скобку забыл закрыть
Вложения
code.rar
(5.84КБ)282 скачивания
code.rar
(10.57КБ)290 скачиваний
За это сообщение автора alexsis_76 поблагодарил:
serghei (Чт сен 15, 2016 7:46 am)
Рейтинг: 1.16%
serghei
Сообщения:2575
Зарегистрирован:Пт ноя 06, 2015 10:22 am
Откуда:Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: визуализация данных

Сообщение serghei » Чт сен 15, 2016 7:56 am

Абалдеть!! Спидометр появился. Но стоит на нуле. Теперь надо научиться подцеплять значения сенсоров. Значит всё таки Это не миф и АМС умеет работать с библиотеками графиков. Осталось найти " полное собрание сочинений " и установить в систему, да ещё бы иметь возможность выбирать стиль индикаторов. Я догадываюсь , что это надо будет делать руками для каждого значения. Но все таки это прогресс для меня. Ну и дальше останется история значений....
PS. Внешний вид точно такой же как в Sample1 . Значит чего то подгружает ?
PPS Картридер сдох((( Хочется опять вернутся к твоему Аплоаду . Старый код будет работать на АМС_016 ??
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
alexsis_76
Сообщения:792
Зарегистрирован:Пт янв 22, 2016 10:08 am
Благодарил (а): 6 раз
Поблагодарили: 63 раза

Re: визуализация данных

Сообщение alexsis_76 » Чт сен 15, 2016 8:49 am

Значит всё таки Это не миф и АМС умеет работать с библиотеками графиков
вынужден тебя огорчить :(
АМС не умеет работать с библиотеками графиков, с ними работает браузер, все рисунки которые ты видишь на экране результат именно его работы, от АМС требуется всего лишь предоставить данные для показа
Я догадываюсь , что это надо будет делать руками для каждого значения
да надо научить amc обрабатывать запрос, данные вставляются с помощью setValue(...)
Внешний вид точно такой же как в Sample1 .
ну конечно
сдесь
<canvas id="an_gauge_2" data-major-ticks="0 100 200 300 400 500 600 700 800 900 1000 1023" data-type="canv-gauge" data-min-value="0" data-max-value="1023" data-onready="setInterval( function() {Gauge.Collection.get('an_gauge_2').setValue(l2);}, 200);"></canvas>
ты можешь описать как будет выглядеть твой спидометр сдесь https://github.com/Mikhus/canvas-gauges ... e-HTML-API можешь увидеть полный список свойств
Старый код будет работать на АМС_016
наверное
За это сообщение автора alexsis_76 поблагодарил:
serghei (Чт сен 15, 2016 10:19 am)
Рейтинг: 1.16%
Alex
Сообщения:2357
Зарегистрирован:Пт апр 20, 2012 12:53 pm
Благодарил (а): 42 раза
Поблагодарили: 262 раза

Re: визуализация данных

Сообщение Alex » Чт сен 15, 2016 11:07 am

Значит всё таки Это не миф и АМС умеет работать с библиотеками графиков.
К АМС-у можно «прикрутить» любую графическую js библиотеку, в том числе и 3D.
вынужден тебя огорчить :(
АМС не умеет работать с библиотеками графиков, с ними работает браузер, все рисунки которые ты видишь на экране результат именно его работы, от АМС требуется всего лишь предоставить данные для показа
Казуистикой решили заняться? Обеспечение работы js библиотеки в составе системы АМС—браузер нельзя назвать работой с ней? Никто и никогда не утверждал, что АМС сам что-либо рисует на экране.

https://ru.wikipedia.org/wiki/%D0%9A%D0 ... 0%BA%D0%B0
alexsis_76
Сообщения:792
Зарегистрирован:Пт янв 22, 2016 10:08 am
Благодарил (а): 6 раз
Поблагодарили: 63 раза

Re: визуализация данных

Сообщение alexsis_76 » Чт сен 15, 2016 12:39 pm

Казуистикой решили заняться?
да нет что вы
Обеспечение работы js библиотеки в составе системы АМС—браузер нельзя назвать работой с ней
непосредственно нет,скорей легкое взаимодействие,в данном случае АМС выступает в роли хранилища, но библиотека может быть загружена с внешнего ресурса,и будет работать точно также
связкой является код в файле html, но и он исполняется в браузере,АМС опять выступает в роли хранилища,можно говорить о том что АМС является источником данных для библиотеки,она никак не влияет на функционирование,библиотека может работать и без источника данных показывая например нули или то что я выкладывал страницу назад.
Alex
Сообщения:2357
Зарегистрирован:Пт апр 20, 2012 12:53 pm
Благодарил (а): 42 раза
Поблагодарили: 262 раза

Re: визуализация данных

Сообщение Alex » Чт сен 15, 2016 2:33 pm

непосредственно нет,скорей легкое взаимодействие,в данном случае АМС выступает в роли хранилища, но библиотека может быть загружена с внешнего ресурса,и будет работать точно также
связкой является код в файле html, но и он исполняется в браузере,АМС опять выступает в роли хранилища,можно говорить о том что АМС является источником данных для библиотеки,она никак не влияет на функционирование,библиотека может работать и без источника данных показывая например нули или то что я выкладывал страницу назад.
alexsis_76, очнитесь, вы что-либо видите на экране, только благодаря работе АМС. Сферическая библиотека в вакууме никому не нужна и ничего не нарисует без источника данных, в данном случае (АМС), хранилища (АМС), транспорта (АМС), промежуточного кода (АМС) и т. д.
Ответить