title: Chart.js scale x values
body: <p>I would to scale the x axis of a chart (displayed using chartjs 2.9).</p>
  <p>Below is the script for the chart:</p>
  <pre><code>var ctx = document.getElementById('myChart').getContext('2d');
  var chart = new Chart(ctx, {
    type: 'line',
    data: {
      labels: xvalues,
      datasets: [{
        label: 'Absorbance',
        backgroundColor: '#708090',
        borderColor: 'black',
        data: [],
        lineTension: 0,   
        fill: false,
      }]
    },
    options: {
          scales: {
           xAxes: [{
              ticks: {
                 userCallback: function(item, index) {
                    if (!(index % 9)) return item;
                 },
                 autoSkip: false
              }
           }],         
           yAxes: [{
                      display: true,
                      scaleLabel: {
                      display: true,
                      labelString: 'Absorbance'
                          }
                      }]       
           },
          animation: {
              duration: 0 
          },
          hover: {
              animationDuration: 0 
          },
          legend: {
              display: false
          },
          responsiveAnimationDuration: 0 
      }
  });
  </code></pre>
  <p>Every xx seconds, I update the chart like this (the <code>arrR</code> is an array that contains all y values). The x values are not given and therefore represent the iteration numbers.</p>
  <pre><code> chart.data.datasets[0].data.push(arrR[iteration]); 
      chart.update();
  </code></pre>
  <p>I would like to change the scaling like this (see image, where there is a scaling factor of 10):</p>
  <p><a href="https://i.stack.imgur.com/BNipQ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BNipQ.jpg" alt="enter image description here" /></a></p>
  <p>Many thanks</p>