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

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

Скетч: Step12-Graf-DHT

 

24 мысли о “Шаг №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]]”
    },

  6. здравствуйте!!! ошибка request for member ‘setup’ in ‘dht’, which is of non-class type ‘DHT()’ понять не могу в чем дело
    библиотеку установил

  7. Доброго времени суток, нужна ваша помощь, хочу связаться с вами чтобы объяснить задачку. Не могу сам додуматься, уже месяц пытаюсь – не получается сделать так как нужно.

  8. Не могу подключить датчик температуры ds18b20
    после перезагрузки показывает начальную температуру и потом не обновляется. Можете привести пример кода?

  9. Доброго дня. это мой второй подход к освоению ESP. И второй раз я утыкаюсь в проблему с версиями библиотек json-5 и json-6. Куда копать подскажите, и если есть возможность объяснить как пятилетнему. А то я не настоящий программист 🙂

  10. Вот например graf переделанный для JSON-6:
    String graf(int datas, int datas1)
    {
    String root = “{}”;
    // Резервируем память для json обекта
    DynamicJsonDocument doc(1024);
    // вызываем парсер JSON 1 параметр – куда, второй – откуда
    deserializeJson(doc, root);
    // Заполняем поля json-документа doc
    // JsonArray теперь задается без знака & на конце!
    JsonArray data = doc.createNestedArray(“data”);
    JsonArray data1 = doc.createNestedArray(“data1”);
    data.add(datas);
    data1.add(datas1);
    // Помещаем созданный json-документ doc в переменную root
    root = “”;
    // первый параметр – откуда, второй – куда.
    serializeJson(doc, root);
    return root;
    }
    Остальные – аналогично…

  11. Вопрос к автору.
    Можно ли в “chart” передавать “options” из json-запроса?
    И как? Написал:
    void GRAF_init() {
    HTTP.on(“/analog.json”, HTTP_GET, []() {
    String data = graf(int(tempIn*100));
    jsonWrite(data, “points”, 20);
    jsonWrite(data, “refresh”, 10000);
    jsonWrite(data, “options”, “high:100, low:0”);
    HTTP.send(200, “application/json”, data);
    });
    }
    В странице соответствующую строчку убрал.
    refresh и points передает, а options нет.
    В чем я неправ?

  12. А в чем смысл графика на котором по сути не могут отображаться сколь либо малые исторические данные (хотя бы несколько часов)?

Добавить комментарий для Svetлая Отменить ответ

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

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