chart js y axis step size code example
Example 1: chart.js y axis maximum value
var options = {
scales: {
yAxes: [{
display: true,
ticks: {
beginAtZero: true,
min: 0,
max: 10,
stepSize: 1
}
}]
}
};
Example 2: chartjs min
var options = {
scales: {
yAxes: [{
display: true,
ticks: {
suggestedMin: 0,
beginAtZero: true
}
}]
}
};
Example 3: chart js y axis integer
options: {
scales: {
yAxes: [{
ticks: {
precision: 0
}
}]
}
}
Example 4: chart js two y axis
var canvas = document.getElementById('chart');
new Chart(canvas, {
type: 'line',
data: {
labels: ['1', '2', '3', '4', '5'],
datasets: [{
label: 'A',
yAxisID: 'A',
data: [100, 96, 84, 76, 69]
}, {
label: 'B',
yAxisID: 'B',
data: [1, 1, 1, 1, 0]
}]
},
options: {
scales: {
yAxes: [{
id: 'A',
type: 'linear',
position: 'left',
}, {
id: 'B',
type: 'linear',
position: 'right',
ticks: {
max: 1,
min: 0
}
}]
}
}
});