Последняя линия сетки тиков по оси 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() + "%";
                    }
                }
            }]
        }
    }
});

Спасибо!

0 ответов

Другие вопросы по тегам