Буратино

by nazarpunk

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.min.js"></script>
<canvas id="chart"></canvas>

CSS

canvas {
  width: 100vw;
  height: 100vh;
}

JavaScript

var ctx = document.getElementById('chart').getContext('2d');

const p = [];
const b = [];
let bg = 0;
const labels = [];

for (let i = 1; i <= 10; i++) {
  labels.push(i);
  p.push(i * 4)
  bg+=i;
  b.push(bg);
}


var myChart = new Chart(ctx, {
  type: 'line',
  data: {
    labels: labels,
    datasets: [{
        label: 'Пьеро',
        data: p,
        borderColor: 'rgb(0, 255, 0)'
      },
      {
        label: 'Буратино',
        data: b,
        borderColor: 'rgb(255, 0, 0)'
      },


    ]
  },
  options: {
    scales: {
      y: {
        ticks: {
          stepSize:1
        },
        beginAtZero: true
      }
    }
  }
});