'change axis scale to be round numbers instead of decimal - chart.js

I'm working with chart.js and I can't seem to be able to change the scale of the Y axis to show whole numbers, in this example I would like to have just round numbers in the scale (1,2,3,4,5) instad of the decimal (0 -0,5 - 1,0 - 1,5 - 2,0 - etc)

enter image description here

I'm using a vertical Bar chart from here: https://www.chartjs.org/docs/latest/samples/bar/vertical.html

and my current setup is this:

var setVirtualBarChart = function (element, viewModel) {
    var chArea = element.getContext("2d");
    var chartConfig = {
        type: 'bar',
        data: {
            labels: ['Categories'],
            datasets: [
                {
                    minBarLength: 2,
                    label: '0-7 days',
                    barPercentage: 0.75,
                    categoryPercentage: 0.75,
                    data: viewModel.ZeroToSevenDaysUser(),
                    backgroundColor: window.chartColors.BrightVisibleGreen
                },
                {
                    minBarLength: 2,
                    label: '8-30 days',
                    barPercentage: 0.75,
                    categoryPercentage: 0.75,
                    data: viewModel.SevenToThirtyDaysUser(),
                    backgroundColor: window.chartColors.Orange
                },
                {
                    minBarLength: 2,
                    label: '30+ test days',
                    barPercentage: 0.75,
                    categoryPercentage: 0.75,
                    data: viewModel.ThirtyPlusDaysUser(),
                    backgroundColor: window.chartColors.BrightRed
                }
            ]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            scales: {
                xAxes: [
                    {
                        stacked: false,
                        display: true,
                        scaleLabel: {
                            display: true,
                            //labelString: 'Categories',
                            gridLines: {
                                offsetGridLines: true
                            }
                        }
                    }
                ],
                yAxes: [
                    {
                        stacked: false,
                        display: true,
                        scaleLabel: {
                            display: true,
                            labelString: 'Number of invoices'
                        },
                        ticks: {
                            precision: 0,
                            min: 0
                        }
                    }
                ]
            }
        }
    };

    VirtualBarChart = new Chart(chArea, chartConfig);
};


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source