Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Aleksandrov lab6</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.js"></script>
    <script>
        $(document).ready(function(){
            var f = 50;
            var time = 0.2;
            var pi = 3.1415;
            var h = 0.00001;
            var w = 2 * pi * f;
            var uMax = 100, u1;
            var r1 = 5, r2 = 4, r3 = 7, r4 = 2;
            var c1 = 0.0003, l1 = 0.01;
            var x = [0, 0];

            var data = [];

            for (var t = h; t <= time; t += h) {
			   u1 = uMax*Math.sin(w*t);
               x[0] += h * ((u1 - x[0] + r2*X[1]) / (r1 + r2)) / c1);
               x[1] += h * (r2*(((u1 - x[0] + r2*x[1]) / (r1 + r2))-x[1]*(r4-r2+r3))/l1);


               data.push(x[1]*r4);
           }
           Chart.defaults.global.legend.display = false;
           Chart.defaults.global.tooltips.display = false;
           Chart.defaults.global.tooltips.displayColors = false;

           window.myBarChart = new Chart(document.getElementById('chart'), {
               type: 'line',
               data: {
                   labels: data,
                   datasets: [{
                       label: "My First dataset",
                       fill: false,
                       data: data,
                       spanGaps: true,
                   }]
               },
               options: {
                   scales: {
                       xAxes: [{
                           display: false
                       }],
                       yAxes: [{
                           display: true
                       }]
                   }
               }
           });
       });
   </script>
    <style>
        div {
            width: 500px;
            height: 100px;
            margin: auto;
        }
    </style>
</head>
<body>
    <div>
        <canvas id="chart" width="500px" height="300px"></canvas>
    </div>
</body>
</html>