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

Модератор: Alex

serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв

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

Сообщение serghei »

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

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

Сообщение alexsis_76 »

переделал
так намного симпатичней
код в аттаче
можете наблюдать работу
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 КБ) 340 скачиваний
term_1.jpg
term_1.jpg (54.3 КБ) 8917 просмотров
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв

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

Сообщение serghei »

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

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

Сообщение serghei »

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

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

Сообщение alexsis_76 »

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

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

Сообщение serghei »

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

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

Сообщение alexsis_76 »

Значит всё таки Это не миф и АМС умеет работать с библиотеками графиков
вынужден тебя огорчить :(
АМС не умеет работать с библиотеками графиков, с ними работает браузер, все рисунки которые ты видишь на экране результат именно его работы, от АМС требуется всего лишь предоставить данные для показа
Я догадываюсь , что это надо будет делать руками для каждого значения
да надо научить 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
наверное
Alex
Сообщения: 2357
Зарегистрирован: Пт апр 20, 2012 12:53 pm

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

Сообщение Alex »

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

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

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

Сообщение alexsis_76 »

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

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

Сообщение Alex »

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