最后的y轴刻度网格线未显示图表标题

Question

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

现在，如果我没有包含图表标题，我的图表将以1/100％显示最后一个网格线，但如果我显示标题，则会隐藏网格线（但仍然有刻度标签）。

有关显示网格线的任何提示吗？

JS在这里弄乱：https://jsfiddle.net/amyzlc/n99xac76/，以及下面的相关图表代码。

链接到带有标题且没有顶部网格线的图形图像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() + "%";
                    }
                }
            }]
        }
    }
});

谢谢！