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

ruswest1 · 26 Май 2019

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

svs2007m · 26 Май 2019

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

svs2007m · 26 Май 2019

Вот здесь МОЩНО про графики

CodeNameHawk · 26 Май 2019

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 · 27 Май 2019

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>

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

CodeNameHawk · 27 Май 2019

ruswest1 написал(а):
Я пробовал этим способом, но видимо где-то была ошибка страница не отображалась, попробую вечером. В браузере в отличии от компиляторов нет указателей на ошибки.

Нажмите в браузере F12

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

ruswest1

New member

Вложения

svs2007m

Active member