Последняя линия сетки тиков по оси Y не отображается с отображенным заголовком диаграммы
Я делаю гистограмму с накоплением, используя Chart.js, с (общее количество) значений в диапазоне от 0 до 1 (отображается как 0-100%). Я хотел бы, чтобы галочка / сетка отображались каждые 0,20/20%, от 0 до 1/100% включительно.
Прямо сейчас мой график будет отображать последнюю линию сетки на 1/100%, если я не включу заголовок графика, но скрою линию сетки (но все еще буду иметь метку галочки), если я отображу заголовок.
Любые советы, чтобы показать сетку?
JS скрипка здесь: https://jsfiddle.net/amyzlc/n99xac76/ и соответствующий код граф ниже.
Ссылка на изображение графика с заголовком и без верхней сетки здесь.
var stackedBar = new Chart(ctx, {
type: 'bar',
data: dataChart,
options: {
title: {
display: true, //top gridline displays if false, not if true
text: 'Month-wise Adherence'
},
legend: {
position: 'bottom'
},
scales: {
xAxes: [{
stacked: true,
gridLines: {display: false}
}],
yAxes: [{
stacked: true,
gridLines: {drawBorder: false, tickMarkLength: 3},
ticks: {
min: 0,
max: 1, //not showing with title
padding: 6,
stepSize: 0.2,
callback: function(value) {
return Math.round(value*100).toString() + "%";
}
}
}]
}
}
});
Спасибо!