How to change x-axis interval in chart.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22

var chartData = {
  labels: ['January', 'February', 'March', 'April', 'May', 'June'],
  datasets: [{
    data: [10, 20, 15, 25, 30, 35]
  }]
};

var chartOptions = {
  scales: {
    x: {
      ticks: {
        stepSize: 2 // change the x-axis interval to 2
      }
    }
  }
};

var myChart = new Chart(document.getElementById('myChart'), {
  type: 'bar',
  data: chartData,
  options: chartOptions
});