Шаг №12 — ESP8266 температура и влажность на графике

Поддержать сайт

Программирование по порядку.
Пример связи Web страницы и датчиков DHT11, DHT22/AM2302/RHT03   – передаем данные температуры и влажности на страницу из ESP8266 в виде графика.
Возможности page.htm?*

Step12-Graf-DHT

 

Поддержать сайт

11 мыслей о “Шаг №12 — ESP8266 температура и влажность на графике”

  1. Добрый день. Судя по ширине активной части страницы, это создавалось для смартфона. Но если я пользуюсь нормальным дисплеем, хотелось бы иметь возможность рисовать графики на полную ширину окна браузера. А как раз этой опции в нужном месте и нет 🙂

  2. Все это задается в верхней части страницы.
    Экспериментируйте со строкой:
    “class”:”col-sm-offset-1 col-sm-10 col-md-offset-2 col-md-8 col-lg-offset-3 col-lg-6″,

    1. Изменение цифр не даёт никакого заметного глазу результата. Изменять буквы, не имея представления о том, что они означают, глупо?

  3. Здравствуйте, уважаемый автор.
    непонятно как работать с “reload”.
    Создал блок {
    “type”: “checkbox”,
    “reload”:”3000″,
    “title”: “Включить подсветку”,
    “name”:”light”,
    “state”: “{{light}}”,
    “action”: “lightenable?light=[[light]]”
    },
    но он не обновляется

  4. А как—нибудь можно обновить на странице один блок, не обновляя всю страницу?
    Будет ли работать обновление блока, если задать интервал обновления в json файле, как сделано в данном ролике?

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

  5. Здравствуйте, Сергей.
    Добавила в setup блок для подключения RGB ленты через шим L298N. Настройки из config.json загружаются (предварительно записала от руки), но не записываются при изменении из формы. Как и где добавить процедуру ?

    добавленный блок отправляет:
    {
    “type”: “button”,
    “title”: “{{LangSave}}”,
    “class”: “btn btn-block btn-success”,
    “action”: “pinRed?pinRed=[[pinRed]]&pinGreen=[[pinGreen]]&pinBlue=[[pinBlue]]&pinAlarm=[[pinAlarm]]”
    },

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.