Отговори на тема  [ 4 мнения ] 
Малко помощ за един html файл 
Автор Съобщение
Ранг: Форумен бог
Ранг: Форумен бог

Регистриран на: Чет Апр 16, 2009 12:26 am
Мнения: 2636
Местоположение: София
Мнение Малко помощ за един html файл
Значи подкарах едно ESP8266 да показва уличната температура с графика на компа но времевата линия върви 2 часа назад от реалното, демек показва някво UTC време. Четох по въпроса и пробвах няколко неща но не иска да добави два часа, или нищо не става или кода не тръгва изобщо.
Ето кода
Код:
<!DOCTYPE HTML><html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://code.highcharts.com/highcharts.js"></script>
  <style>
    body {
      min-width: 310px;
       max-width: 800px;
       height: 400px;
      margin: 0 auto;
    }
    h2 {
      font-family: Arial;
      font-size: 2.5rem;
      text-align: center;
    }
  </style>
</head>
<body>
  <h2>ESP8266 Distance Plot</h2>
  <div id="chart-distance" class="container"></div>
</body>
<script>
var chartT = new Highcharts.Chart({
  chart:{ renderTo : 'chart-distance' },
  title: { text: 'HC-SR04 Distance' },
  series: [{
    showInLegend: true,
    data: []
  }],
  plotOptions: {
    line: { animation: false,
      dataLabels: { enabled: true }
    },
    series: { color: '#059e8a' }
  },
  xAxis: { type: 'datetime',
    dateTimeLabelFormats: { second: '%H:%M:%S' }
  },
  yAxis: {
    title: { text: 'Distance (CM)' }
  },
  credits: { enabled: false }
});
setInterval(function ( ) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var x = (new Date()).getTime(),
          y = parseFloat(this.responseText);
      //console.log(this.responseText);
      if(chartT.series[0].data.length > 40) {
        chartT.series[0].addPoint([x, y], true, true, true);
      } else {
        chartT.series[0].addPoint([x, y], true, false, true);
      }
    }
  };
  xhttp.open("GET", "/distance", true);
  xhttp.send();
}, 10000 ) ;
</script>
</html>

Да кода е за някакво разстояние и не съм го преправил все още, по-лесно ми беше да преправя другия код за температурата, важното е че работи. Ще съм доволен на малко акъл какво да допиша.


Съб Дек 17, 2022 7:33 am
Профил
Ранг: Форумен бог
Ранг: Форумен бог

Регистриран на: Вто Фев 07, 2012 10:22 pm
Мнения: 3074
Мнение Re: Малко помощ за един html файл
нещо от тоя сорт, ( :o :o ама не му разбирам...)
Цитат:
var d = (new Date()).getTime();
var x= d.toLocaleString();


Съб Дек 17, 2022 8:02 am
Профил
Ранг: Форумен бог
Ранг: Форумен бог
Аватар

Регистриран на: Съб Сеп 25, 2004 11:32 am
Мнения: 7878
Местоположение: София
Мнение Re: Малко помощ за един html файл
Мисля, че сам ще трябва да се грижиш за това.
Тук има един читав туториъл, ама за ардуино


Съб Дек 17, 2022 8:49 am
Профил
Ранг: Форумен бог
Ранг: Форумен бог

Регистриран на: Чет Апр 16, 2009 12:26 am
Мнения: 2636
Местоположение: София
Мнение Re: Малко помощ за един html файл
Реконструктор написа:
Мисля, че сам ще трябва да се грижиш за това.
Тук има един читав туториъл, ама за ардуино

Мда прав си, човек се учи докато е жив, особено от грешките си. Тва го четох и пробвах да редактирам файла. Проблема беше че редактирам един файл с Нотепад++ пък с Ардуино ИДЕ качвам друг и няма файда от редакцията, и много се изнервих, щото един път уцелих да редактирам правилния но с кофти код.
Ся всичко е наред, е тва дописах ако ще ви е полезно
Код:
Highcharts.setOptions({
  time: {   
        timezoneOffset: -120
}
});


Пон Дек 19, 2022 4:53 am
Профил
Покажи мненията от миналия:  Сортирай по  
Отговори на тема   [ 4 мнения ] 

Кой е на линия

Потребители разглеждащи този форум: Google [Bot] и 6 госта


Вие не можете да пускате нови теми
Вие не можете да отговаряте на теми
Вие не можете да променяте собственото си мнение
Вие не можете да изтривате собствените си мнения
Вие не можете да прикачвате файл

Търсене:
Иди на:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by ST Software for PTF.
Хостинг и Домейни