Javascript 显示图表标题时未显示最后一条y轴刻度网格线

我正在使用Chart.js制作一个堆叠条形图，其（总堆叠）值范围为0到1（显示为0-100%）。我希望每0.20/20%显示一条勾号/网格线，从0到1/100%，包括1/100%

现在，如果我不包含图表标题，我的图表将以1/100%的比例显示最后一条网格线，但如果我显示标题，将隐藏网格线（但仍有刻度标签）

要显示网格线有什么建议吗

JS fiddle here:，以及下面的相关图形代码

链接到带有标题且没有顶部网格线的图形图像

谢谢

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() + "%";
                    }
                }
            }]
        }
    }
});