javascript - bottom - Omitir puntos decimales en el eje y en chartJS
charts js labels position (2)
Otra alternativa es usar la opción fixedStepSize de la siguiente manera:
options = {
scales: {
yAxes: [{
ticks: {
fixedStepSize: 1
}
}],
},
};
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
})
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;
}
},
}
}],
},
}