<div class="chart-container">
    <canvas id="chart"></canvas>
</div>

body {  
  background: #1D1F20;
  padding: 16px;
}

canvas {
  border: 1px dotted red;
}

.chart-container {
  position: relative;
  margin: auto;
  height: 80vh;
  width: 80vw;
}

var lbls = [];
var dData =[255659,923779,461132,487502,520750,224022,943808,501429,929977,40185,883957,355726,783398,328703,166234,845880,169179,418188,947829,492037,43464,576776,824517,657739,138005,797238,432000,219138,871228,648624,363762,615909,596692,570383,184968,530173,104941,596117,804398,427307,578456,464446,588289,454450,602712,222159,232897,565313,477460,942417,981161,302233,938351,903844,880935,763282,386583,621180,57493,549323,859511,987215,362513,575149,212595,699385,134826,58879,694616,703565,213819,484527,33999,880672,574945];
for(var item in dData){
  lbls.push(item);
}
var data = {
  labels: lbls,
  datasets: [{
    label: "Dataset #1",
    data: dData,
    borderColor: "rgb(222, 145, 11)",
    lineTension: 0.1,
  }]
};

var options = {
        tooltips: {
          mode:"label"
        },
        responsive: true,
        legend: {
          display: false,
        },
        tooltip: {
          backgroundColor:'rgba(33,33,33,1)',
          cornerRadius:0,
          footerFontFamily:"'Roboto'"
        },
        scales: {
          yAxes: [{
            ticks: {
              suggestedMin: 0,
              suggestedMax: 1000000,
            }
          }]
        }
        
      };
var ctx = document.getElementById('chart').getContext('2d');
var myChart = new Chart(ctx, {
  type:"line",
  options: options,
  data: data
});