Data in the middle

by akmiecik

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.js"></script>
   <canvas id="theChart" width="600" height="400"></canvas>

JavaScript

var dates = ["10/21/22", "10/24/22", "10/27/22", "10/28/22", "10/31/22", "11/03/22", "11/14/22", "11/26/22", "11/26/22", "11/28/22", "11/28/22", "11/30/22", "12/01/22", "12/02/22", "12/06/22", "12/07/22", "12/08/22", "12/09/22", "12/12/22", "12/13/22", "12/16/22", "12/21/22", "12/28/22", "01/10/23", "01/12/23", "01/13/23", "01/16/23", "01/17/23", "01/19/23", "01/21/23", "01/24/23", "01/26/23", "01/30/23", "02/04/23", "02/06/23", "02/08/23", "02/09/23", "02/14/23", "02/10/23", "02/13/23", "02/15/23", "02/16/23", "02/17/23", "02/21/23", "02/24/23", "02/27/23"];
var lap_ave = ["61.6957", "63.6571", "59.9714", "61.0588", "62.0333", "60.6857", "62.8065", "63.3125", "63.3125", "59.4516", "59.4516", "61.3871", "61.5938", "60.7097", "59.7742", "60.129", "60.0968", "60.1613", "58.9714", "57.7297", "61.5946", "64.2759", "60.4857", "61.6667", "61.2", "62.6", "61.0645", "62.1613", "61.5862", "61.4516", "57.8621", "60.6129", "61.129", "60.6563", "60.5", "60.0909", "59.0294", "59.0294", "59.7059", "59", "59.7", "59.6757", "58.3125", "59.4118", "58.8056", "58.9459"]; 
var options = {
  type: 'line',
  data: {
    labels: dates,
    datasets: [
	    {
	      label: 'Lap Average',
	      data: lap_ave
       },	
		]
  },
  options: {
  	scales: {
    	yAxes: [{
        ticks: {
					beginAtZero: false
        }
      }],
      xAxes: [{
        display: true
      }],
    }
  }
}

var ctx = document.getElementById('theChart').getContext('2d');
new Chart(ctx, options);