SCSS

by cchana

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js"></script>
<canvas id="myChart" width="400" height="350"></canvas>

1900–01, 1905–06, 1921–22, 1922–23, 1946–47, 1963–64, 1965–66, 1972–73, 1975–76, 1976–77, 1978–79, 1979–80, 1981–82, 1982–83, 1983–84, 1985–86, 1987–88, 1989–90, 2019–20

1965, 1974, 1986, 1989, 1992, 2001, 2006

1981, 1982, 1983, 1984, 1995, 2001, 2003, 2012
1977, 1978, 1981, 1984, 2005, 2019

1973, 1976, 2001

1977, 2001, 2005, 2019

2019

JavaScript

var matchDays = [];
for(var i = 1; i <= 44; i++) {
	matchDays.push(i);
}

var ctx = document.getElementById('myChart');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: matchDays,
        datasets: [{
            label: 'Liverpool 2019/20 (Paused at 29 games)',
            data: [3,6,9,12,15,18,21,24,25,28,31,34,37,40,43,46,49,52,55,58,61,64,67,70,73,76,79,79,82,83,86],
            fill: false,
            borderColor: 'red'
        },
        {
            label: 'Liverpool 2019/20 (Projected)',
            data: [null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,86,87,90,93,96,99,102,105],
            fill: false,
            borderColor: 'pink'
        }]
    }
});