Вывод графика на web-морде

[tigr72]

В общем возникла у меня необходимость вывести простенький график на вэб-морде.
Поискав готовые решения на данном форуме, не нашел не чего подходящего.
А после не долгих расспросов Яндекса он меня послал … вот на эту страничку.

Для меня это оказалось самым подходящим вариантом.
Большой выбор вариантов отображения информации.
Не нужно замарачиваться с SPIFFS или SD для хранения JS.
И в плане безопасности, более менее надежный поставщик JS (не хотелось бы подгружать JS не понятно с каких ресурсов и не понятно кем правлеными).

В общем у меня получилось примерно вот так…

2020-12-11 13.02.55 192.168.1.159 a06914aba622.jpg

Graph_Primer.flp

Я не претендую на роль „Истины в последней инстанции“.
Если кто то может предложить что то лучше, или как то улучшить предложенный мной вариант, то я буду только рад.

[fsergei70]

И в плане безопасности, более менее надежный поставщик JS

Насколько я понимаю, для построения графика нужен интернет?

[tigr72]

Да.

Но. Только для подгрузки JS. Ваши данные не куда отправлять не нужно.

[fsergei70]

Вот еще тема про графики https://www.youtube.com/watch?v=bG8prjjEaZs&t=234s

[tigr72]

Да. Я это видел.
Но. Лично меня это не устроило по двум причинам.
Во-первых там все завязано на SPIFFS, а во-вторых это отдельная прошивка ориентированная на модули sonoff "Sonoff_WiFi_switch". И мне не сильно хотелось разбираться в чужой прошивке что бы выкулопать от туда необходимый мне код.

[tigr72]

Если использовать график из примера из шапки темы для отображения уличной температуры, то возникает неприятный эффект.

2021-01-08 12.55.43 192.168.1.105 33e4753eb3b3.jpg

Т.е. график всегда строится от нулевой оси не зависимо от того на сколько реальные показания далеки от этого значения. Ноль всегда будет присутствовать на графике.


Вот здесь тот же пример из шапки в котором добавил пару строк в код выводимой web странички.

Graph_Primer_axis.flp

После чего график строится уже от оси с реальным значением. И с учетом только тех данных что имеются в массиве.

2021-01-08 13.01.04 192.168.1.105 153793b42958.jpg

[bsn]

JS вручную скачать и расположить где нибудь в домашней сети, тогда выход в интернет вообще не понадобиться

Если это действительно заработает в домашней сети, без интернета - великолепная примочка получается.
Кто сможет это реально запустить только в домашней сети, без внешнего интернета - отпишитесь пожалуйста.

[tigr72]

Если это действительно заработает в домашней сети, без интернета

Да. Я прошлый раз с этим заявлением явно погорячился.
Этот js не зря называется loader, он за собой тянет целую пачку css и js . Причем при разных настройках и комплектация разная.
Причем в самом loader.js встроена проверка на то что бы запросы были только на https, т.е. если все необходимые скрипты разместить скажем на http://192.168.1.1/ , то loader.js загружается и вываливается с ошибкой, что другие скрипты он загрузить не может так как они располагаются не на https сервере...

Код: Выделить всё

Uncaught Error: Invalid TrustedResourceUrl format: http://192.168.1.1/.....

[bsn]

Я прошлый раз с этим заявлением явно погорячился.

Нормальный исход. Отрицательный результат - тоже результат. Возможно многих и так устроит. Просто я для себя сделал некие предпочтения и ограничения - всё оборудование (кроме связи для общения с внешним миром) должно уметь работать автономно, с максимально возможной защитой от внешнего вмешательства. Стараюсь для управления объектами, по возможности, ни интернет ни радиоканалы не использовать.

[richialex]

После чего график строится уже от оси с реальным значением. И с учетом только тех данных что имеются в массиве.

Данные выводятся раз в 6 сек..... Не подскажете, а можно ли выводить чаще (Требуется как минимум раз в секунду)? И может есть какое-то решение без перезагрузки страницы?