1 Тема від ijonhson

  • ijonhson
  • Користувач
  • Поза форумом
  • Дата реєстрації: 25.02.2017
  • Повідомлень: 49
    • Репутація: 3

Тема: Динамічний графік

Доброго вечора дуже давно не користувався javascript і геть усе забулося. Мені необхідно побудувати графік з текстового файлу який постійно оновлюється. Підкажіть можливо десь хтось бачив готові варіанти , щоб поміняти тільки значення?, і не вчити заново бібліотеки ?

2 Відповідь від ijonhson Востаннє редагувалося ijonhson (22.01.2023 02:19:34)

  • ijonhson
  • Користувач
  • Поза форумом
  • Дата реєстрації: 25.02.2017
  • Повідомлень: 49
    • Репутація: 3

Re: Динамічний графік

трохи накидав але щось не робить

<!doctype html>
<html>

<head>
<title>X-axis Example based on Time</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
     <script src="https://momentjs.com/downloads/moment.js"></script>
    <script src="https://www.chartjs.org/dist/2.9.3/Chart.js"></script>
    <script src="require.js"></script>
    </head>
<div class="container">
     <canvas id="myChart" width="600" height="400"></canvas>
</div>
<script>
alert('ok');

alert("ok");
var fs = require('fs');
var content = fs.read('sborka.log');

var lines=content.split('\n');
alert(lines[0]);
var source;
for(var i=0;i<content.length;i++)
{
    source[i]=lines[i].split(',');
}
var lineChart = new Chart(document.getElementById("myChart"), {
    type: 'line',
    data: source,
    options: chartOptions
});
var chartOptions = {
  legend: {
    display: true,
    position: 'top',
    labels: {
      boxWidth: 80,
      fontColor: 'black'
    }
  }
};
</script>