title: chart.js display even intervals between two dates and adding label to y axes
body: <p>I am converting Jqplot chart to ChartJs and I want them both to look the same.
  I have the following chart using the chart.js library.</p>
  <pre><code>var myChart = new Chart(ctxr, {
          type: 'line',
          data: {
              datasets: [{
                  label: &quot;Estimated cost&quot;,
                  data: [{
                      x: new Date(&quot;09/24/2020 10:26:20&quot;),
                      //x: new Date(),
                      y: 8
                  }, {
                      x: new Date(&quot;09/24/2020 10:27:56&quot;),
                      //x: new Date(),
                      y: 8
                  }],
                  borderColor: [
                      'rgba(196, 217, 45, 1)',
                  ]
              },
              {
                  label: &quot;Actual cost&quot;,
                  data: [{
                      x: new Date(&quot;09/24/2020 10:27:56&quot;),
                      //x: new Date(),
                      y: 23
                  }, {
                      x: new Date(&quot;09/24/2020 10:26:20&quot;),
                      //x: new Date(),
                      y: 24
                  }],
                  borderColor: [
                      'rgba(75, 178, 197, 1)',
                  ]
                  }],
              labels: [new Date(&quot;09/24/2020 10:26:20&quot;).toLocaleString(), new Date(&quot;09/24/2020 10:27:56&quot;).toLocaleString()]
          },
          options: {
              responsive: true,
              responsiveAnimationDuration: 1,
              maintainAspectRatio: false,
              aspectRatio: 1,
              title: {
                  display: true,
                  text: 'Auction Overview'
              },
              tooltips: {
                  mode: 'index',
                  intersect: true
              },
              scales: {
                  yAxes: [{
                      ticks: {
                          // Include a GBP in the ticks
                          callback: function (value, index, values) {
                              return 'GBP' + value;
                          }
                      }
                  }],
                  xAxes: [{
                      type: 'time',
                  }]
              }
          }
      });
  </code></pre>
  <p>that gives me this chart
  <a href="https://i.stack.imgur.com/G1wLb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/G1wLb.png" alt="enter image description here" /></a></p>
  <p>I would like to make it have intervals of time between the start date and the end date(like the x axis on the Jqplot chart) and also add string &quot;GBP&quot; in front of each y-value (like y-axis of Jqplot chart).
  <a href="https://i.stack.imgur.com/HiQ0n.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HiQ0n.png" alt="enter image description here" /></a></p>
  <p>Both graphs are generated with the same identical data. so they should look the same.</p>
  <p>So far everything i have tried from the chart.js docs has failed.</p>
  <p>Below is a snipped of my js console:
  <a href="https://i.stack.imgur.com/W5sgl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/W5sgl.png" alt="enter image description here" /></a></p>