Chartjs-Remove Chart.js Gridline Overlap

2👍

Set drawTicks: false to fix it. Those lines are meant to act as pointers to the ticks.

// Chart.js v3.9.1
options.scales.x.grid.drawTicks = false;

Documentation for Grid Line Configuration

-1👍

you need to disabled it , try this

var options = {
    scales: {
        xAxes: [{
            gridLines: {
                display: false,  
            }
        }],
        yAxes: [{
            gridLines: {
               display: false, 
            }   
        }]
    }
}

Leave a comment