I want to create graph with Chart.js but not getting success as i want. In x axis i want interval of 5 like 5,10,15... etc and Y axis as interval of 2 like 2,4,6,..... etc

I am trying below code but not getting success

<div>  <canvas id="chartJSContainer" style="width:800px"></canvas>

My js script like this

    <script>

var options = {
      type: 'bar',
      data: {
        labels: ["05", "10", "15", "20", "25", "30"],
        datasets: [{
            label: 'Total Purchase',
            data: [12, 19, 3, 5],
            borderWidth: 1,
            backgroundColor: 'red'
          },
          {
            label: 'Total Purchase',
            data: [7, 11, 5, 8],
            borderWidth: 1,
            backgroundColor: 'yellow'
          },
          {
            label: 'Total Purchase',
            data: [10, 15, 10, 5],
            borderWidth: 1,
            backgroundColor: 'orange'
          },
          {
            label: 'Total Purchase',
            data: [10, 15, 10, 5],
            borderWidth: 1,
            backgroundColor: 'pink'
          }
        ]
      },
      options: {
        scales: {
          yAxes: [{
            ticks: {
              reverse: false
            }
          }]
        }
      }
    }
    
    var ctx = document.getElementById('chartJSContainer').getContext('2d');
    new Chart(ctx, options);
        </script>

Please check attached Images like that i want to create graph

If anyone have idea what is wrong in that then please let me know