Chartjs-How to remove legend at the bottom of chartjs doughnuts

You must have some global settings or other code that is causing the x-axis to be displayed, as it is not configured in your options above and is not the default.

I put together a sample chart that shows the x-axis being displayed similar to yours.

If you turn this off in your options, that should no longer be shown. You can toggle that setting to show/not show in the demo to see the difference.

options: {
    cutoutPercentage: 80,
    legend: {
        display: false
    },
    tooltips: {
        enabled: false,
    },
    scales: {
        xAxes: [{ display: false }] // <-- add this
    }
}