• Уважаемые посетители сайта esp8266.ru!
    Мы отказались от размещения рекламы на страницах форума для большего комфорта пользователей.
    Вы можете оказать посильную поддержку администрации форума. Данные средства пойдут на оплату услуг облачных провайдеров для сайта esp8266.ru
  • Система автоматизации с открытым исходным кодом на базе esp8266/esp32 микроконтроллеров и приложения IoT Manager. Наша группа в Telegram

Нужна помощь Отображение данных на графике

R

ruswest1

New member
Всех приветствую!
По урокам Сергея Третьякова пытаюсь создать страницу с отображением годового графика. HTML страница получает значения определенных меток времени (UTC) из json файла и по их значениям отмечает на годовом графике события. На графике по вертикали часы, по горизонтали дни. Удалось нарисовать график, с внедренными данными, а вот получить их из json файла, не выходит. Пробовал подключать файл function.js из примеров, и из функции load методом return забрать массив , все равно не получается, не хватает знаний в области html и java. Если кто сталкивался с подобным, подскажите в какую сторону смотреть. Еще один пример из интернет учебников работает сам по себе, но вместе нет. Скетч любой из примеров Сергея, у меня (Step8-TimeUpdate.ino).
 

Вложения

S

svs2007m

Active member
1. Может для начала обратится к Сергею Третьякову
2. Если везде засада то уBlynk виджет ГРАФИКИ
 
C

CodeNameHawk

Moderator
Команда форума
ruswest1, а если так
Код: 
<!DOCTYPE html>
<html>
<body>

<h2>Use the XMLHttpRequest to get the content of a file.</h2>
<p>The content is written in JSON format, and can easily be converted into a JavaScript object.</p>

<p id="demo"></p>

<script>
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myObj = JSON.parse(this.responseText);
    document.getElementById("demo").innerHTML = myObj.Value;
  }
};
xmlhttp.open("GET", "config2.json", true);
xmlhttp.send();
</script>

<p>Take a look at <a href="config2.json" target="_blank">config2.json</a></p>

</body>
</html>
 
R

ruswest1

New member
CodeNameHawk написал(а):
ruswest1, а если так
Код: 
<!DOCTYPE html>
<html>
<body>

<h2>Use the XMLHttpRequest to get the content of a file.</h2>
<p>The content is written in JSON format, and can easily be converted into a JavaScript object.</p>

<p id="demo"></p>

<script>
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myObj = JSON.parse(this.responseText);
    document.getElementById("demo").innerHTML = myObj.Value;
  }
};
xmlhttp.open("GET", "config2.json", true);
xmlhttp.send();
</script>

<p>Take a look at <a href="config2.json" target="_blank">config2.json</a></p>

</body>
</html>
Нажмите для раскрытия...
Я пробовал этим способом, но видимо где-то была ошибка страница не отображалась, попробую вечером. В браузере в отличии от компиляторов нет указателей на ошибки.
 

Вложения

Войдите или зарегистрируйтесь для ответа.
Сверху Снизу