визуализация данных
Модератор:Alex
-
- Сообщения:2575
- Зарегистрирован:Пт ноя 06, 2015 10:22 am
- Откуда:Кишинёв
- Благодарил (а): 303 раза
- Поблагодарили: 282 раза
Тут дело даже не в быстроте , а в разнообразии. Тема очень актуальная с учетом устойчивой работой АМС , наличием 32 гигов памяти и получением информации с кучи сенсоров и датчиков . Все эти напряжения , токи ,температуры и состояния реле хочется видеть в полном экране и везде надо разные спидометры ( и не только!) .Сейчас посетила идея - вынуть код чтения аналогового порта на фоне спидометра из файла sample1 и воткнуть его в полный экран . Если получится - то только пуля меня остановит))). В этом для меня и заключается вся красота АМС (на 90%) . Так уже реализовал 7 экранов , но только цифры на фоне картинки.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
-
- Сообщения:792
- Зарегистрирован:Пт янв 22, 2016 10:08 am
- Благодарил (а): 6 раз
- Поблагодарили: 63 раза
Re: визуализация данных
переделал
так намного симпатичней
код в аттаче
можете наблюдать работу
api библиотеки
https://github.com/Mikhus/canv-gauge/wiki/Gauge-API
примеры мспользования
http://smart-ip.net/gauge-html.html
несколько слов о работе
код в html создает прибор, обновление показаний происходит раз в 500мс значением переменной t
переменная t в свою очередь обновляется раз в полсекунды значениями из устройства
можно попробовать вызывать server_get прямо из
вообщем читайте, пробуйте, пишите
так намного симпатичней
код в аттаче
можете наблюдать работу
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 (54.3КБ)8462 просмотра
-
- Сообщения:2575
- Зарегистрирован:Пт ноя 06, 2015 10:22 am
- Откуда:Кишинёв
- Благодарил (а): 303 раза
- Поблагодарили: 282 раза
Re: визуализация данных
Пробую найти библиотеку в АМС которая рисует спидометр и выводит состояние аналогового порта. Пошел по примитивному пути - вырезал из файла sample1.htm один индикатор , добавил картинку , но чего то не хватает ( знаний точно ...). Я догадываюсь, что ID в системе должны быть уникальными. Как промежуточный результат картинка
- Вложения
-
- Визуализация_А2.png (251.07КБ)8285 просмотров
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
-
- Сообщения:2575
- Зарегистрирован:Пт ноя 06, 2015 10:22 am
- Откуда:Кишинёв
- Благодарил (а): 303 раза
- Поблагодарили: 282 раза
Re: визуализация данных
Код для этого использовал на подобии Full2 . Просто добавляете Full8 и в файле меню добавить ссылку на него. Сам спидометр не выводится, хотя он в системе есть. Пробую разобраться ,но не получается...Или вообще такой подход в принципе не правильный?
- Вложения
-
- full8.rar
- Чтение аналогового порта А2
- (5.81КБ)244 скачивания
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
-
- Сообщения:792
- Зарегистрирован:Пт янв 22, 2016 10:08 am
- Благодарил (а): 6 раз
- Поблагодарили: 63 раза
Re: визуализация данных
угу, не хватает кода который рисует приборно чего то не хватает
сам код физически находится в SAMPLE1.JS(в начале,там где много всяких букв

вычленил отдельно код скрипта во вложении,
библиотека хочет загрузить файл шрифта из интернета что бы рисовать цифры которые внизу,библиотека кешируется, я правда не знаю на сколько
вот наслаждайся
P.S.библиотека оказывается работает и с моим кодом, причем весит почти в половину меньше и не хранит файл digital-7-mono.ttf
если нет возможности загрузить digital-7-mono.ttf, то циферки на циферблате будут круглыми, если удалось , то как на семисементном индикаторе
блин у тебя оказывается в файле все есть

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

АМС не умеет работать с библиотеками графиков, с ними работает браузер, все рисунки которые ты видишь на экране результат именно его работы, от АМС требуется всего лишь предоставить данные для показа
да надо научить amc обрабатывать запрос, данные вставляются с помощью setValue(...)Я догадываюсь , что это надо будет делать руками для каждого значения
ну конечноВнешний вид точно такой же как в Sample1 .
сдесь
ты можешь описать как будет выглядеть твой спидометр сдесь https://github.com/Mikhus/canvas-gauges ... e-HTML-API можешь увидеть полный список свойств<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>
наверноеСтарый код будет работать на АМС_016
- За это сообщение автора alexsis_76 поблагодарил:
- serghei (Чт сен 15, 2016 10:19 am)
- Рейтинг: 1.16%
-
- Сообщения:2357
- Зарегистрирован:Пт апр 20, 2012 12:53 pm
- Благодарил (а): 42 раза
- Поблагодарили: 262 раза
Re: визуализация данных
К АМС-у можно «прикрутить» любую графическую js библиотеку, в том числе и 3D.Значит всё таки Это не миф и АМС умеет работать с библиотеками графиков.
Казуистикой решили заняться? Обеспечение работы js библиотеки в составе системы АМС—браузер нельзя назвать работой с ней? Никто и никогда не утверждал, что АМС сам что-либо рисует на экране.вынужден тебя огорчить
АМС не умеет работать с библиотеками графиков, с ними работает браузер, все рисунки которые ты видишь на экране результат именно его работы, от АМС требуется всего лишь предоставить данные для показа
https://ru.wikipedia.org/wiki/%D0%9A%D0 ... 0%BA%D0%B0
-
- Сообщения:792
- Зарегистрирован:Пт янв 22, 2016 10:08 am
- Благодарил (а): 6 раз
- Поблагодарили: 63 раза
Re: визуализация данных
да нет что выКазуистикой решили заняться?
непосредственно нет,скорей легкое взаимодействие,в данном случае АМС выступает в роли хранилища, но библиотека может быть загружена с внешнего ресурса,и будет работать точно такжеОбеспечение работы js библиотеки в составе системы АМС—браузер нельзя назвать работой с ней
связкой является код в файле html, но и он исполняется в браузере,АМС опять выступает в роли хранилища,можно говорить о том что АМС является источником данных для библиотеки,она никак не влияет на функционирование,библиотека может работать и без источника данных показывая например нули или то что я выкладывал страницу назад.
-
- Сообщения:2357
- Зарегистрирован:Пт апр 20, 2012 12:53 pm
- Благодарил (а): 42 раза
- Поблагодарили: 262 раза
Re: визуализация данных
alexsis_76, очнитесь, вы что-либо видите на экране, только благодаря работе АМС. Сферическая библиотека в вакууме никому не нужна и ничего не нарисует без источника данных, в данном случае (АМС), хранилища (АМС), транспорта (АМС), промежуточного кода (АМС) и т. д.непосредственно нет,скорей легкое взаимодействие,в данном случае АМС выступает в роли хранилища, но библиотека может быть загружена с внешнего ресурса,и будет работать точно также
связкой является код в файле html, но и он исполняется в браузере,АМС опять выступает в роли хранилища,можно говорить о том что АМС является источником данных для библиотеки,она никак не влияет на функционирование,библиотека может работать и без источника данных показывая например нули или то что я выкладывал страницу назад.