javascript - bottom - Omitir puntos decimales en el eje y en chartJS

charts js labels position

Question

Estoy usando this biblioteca para dibujar gráficos en mi aplicación web. El problema es que tengo puntos decimales en mi eje y. Puedes ver eso en la imagen de abajo.

¿Hay alguna forma en que pueda restringirlo solo para tener números?

Este es mi codigo

var matches = $("#matches").get(0).getContext("2d");

var data = {
        labels: labelsFromCurrentDateTillLastWeek,
        datasets: [
            {
                label: "Last Weeks Matches",
                fillColor: "rgba(220,220,220,0.2)",
                strokeColor: "rgba(220,220,220,1)",
                pointColor: "rgba(220,220,220,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(220,220,220,1)",
                data: result
            }
        ]
    };

    var options = {
        scaleLabel: function (label) {
            return Math.round(label.value);
        }
    };

    var myLineChart = new Chart(matches, {
        type: ''bar'',
        data: data,
        options: options

    })

Answer 1

Otra alternativa es usar la opción fixedStepSize de la siguiente manera:

options = {
    scales: {
        yAxes: [{
            ticks: {
                fixedStepSize: 1
            }
        }],
    },
};

Answer 2

en chartjs 2.x puede pasar una opción para un userCallback al campo tick yaxis. En esto puedes verificar si la etiqueta es un número entero

Aquí hay un ejemplo

 options = {
     scales: {
         yAxes: [{
             ticks: {
                 beginAtZero: true,
                 userCallback: function(label, index, labels) {
                     // when the floored value is the same as the value we have a whole number
                     if (Math.floor(label) === label) {
                         return label;
                     }

                 },
             }
         }],
     },
 }

ejemplo de violín