Шаг №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. А в чем смысл графика на котором по сути не могут отображаться сколь либо малые исторические данные (хотя бы несколько часов)?

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

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

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