[Chartjs]-How to remove the Chart.js x Axis bottom line?

10👍

✅

After some time fiddling with it I have found the solution zeroLineColor: ‘transparent’ did the trick. Found it here https://github.com/chartjs/Chart.js/issues/3950

scales: {
            xAxes: [{
                gridLines: {
                    zeroLineColor: 'transparent'
                },
            }],

8👍

If anyone is on v3 and is looking for the answer, its options.scales.x.grid.drawBorder: false

This is on v3.7.1 Found it by complete accident by looking through the typescript file and trying anything that looked relevant.

7👍

For anyone looking for the answer in v5, it’s:
options.scales.x.border.display: false;

1👍

this answer for who are using recharts module :

<XAxis strokeOpacity={0} dataKey="name" />