• Система автоматизации с открытым исходным кодом на базе esp8266/esp32 микроконтроллеров и приложения IoT Manager. Наша группа в Telegram

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

ruswest1

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

Вложения

svs2007m

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

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>
 

ruswest1

New member
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>
Я пробовал этим способом, но видимо где-то была ошибка страница не отображалась, попробую вечером. В браузере в отличии от компиляторов нет указателей на ошибки.
 

Вложения

Сверху Снизу