Как сделать своевременно обновляемую диаграмму из регистратора данных?

Я развернул регистратор данных для мониторинга состояния с помощью микроконтроллера Arduino. Это дополнительно связано с Raspberry Pi, чтобы использовать данные для визуализации. До сих пор мне удавалось собирать данные в базу данных SQLite.
Я планирую поместить скрипт Python, чтобы помещать последние 50 показаний в файл json с постоянными интервалами и извлекать json из javscript для создания диаграммы.
Есть ли лучший способ сделать то же самое?

Вы можете создать небольшое фляжное приложение, подобное этому: pythonspot.com/фласк-и-великолепные-диаграммы-использование-диаграммы-js Внутри этого приложения вы можете напрямую подключиться к своей базе данных и получить последние 50 записей. Таким образом, вам не нужно иметь дело с дополнительным файлом json.

SerAlejo 20.03.2019 21:33

Спасибо. Этого вполне достаточно для работы.

Sumeet Patel 20.03.2019 21:42

Единственное, что я не могу понять, это обновление данных. Насколько я знаю, мне нужно поместить функцию в метод setInterval для получения данных. Я не знаю, как эта функция будет работать в JavaScript и во фляге.

Sumeet Patel 20.03.2019 22:00

Какой именно метод setInterval вы имеете в виду? Если ваши данные автоматически вставляются в базу данных, вы можете просто вывести последние 50 записей. В зависимости от дизайна вашей базы данных вы должны сделать что-то вроде сортировки вашего выбора по убыванию и ограничения вывода до 50. Это всегда должно отображать самые новые данные. Затем вам просто нужно перезагрузить веб-страницу, чтобы получить обновленные данные.

SerAlejo 20.03.2019 22:22

Я хотел, чтобы график обновлялся автоматически без перезагрузки пользователя. Для этого я хотел использовать setInterval в JavaScript страницы, которая могла бы запускать какую-то функцию для обновления данных.

Sumeet Patel 20.03.2019 22:34

Вы можете просто сделать это, добавив обновление в заголовок html. С помощью flask вы можете сделать это, добавив ' http-equiv = "refresh" content = "5" ' внутри вашего метатега, как объясняет этот ответ: stackoverflow.com/questions/45666664/… Обновлено: но это перезагрузит страницу (без взаимодействия с пользователем). Если вы не хотите полностью избежать перезагрузки, вам нужно будет написать динамическое веб-приложение.

SerAlejo 20.03.2019 22:41

@SerAlejo Спасибо. Приложение Chart.js и flask действительно сработало. Работа с json была немного сложной, я понял, что есть массив json и объект json, которые нужно обрабатывать по-разному. Но в целом решение сработало. Тем не менее, я не решаюсь обновить html, так как он будет иметь в общей сложности 6 диаграмм, а повторное обновление — это большая работа для raspberry pi, поэтому я намерен использовать jQuery для отправки новых данных.

Sumeet Patel 24.03.2019 04:43
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
7
94
0

Другие вопросы по теме