Removing the xy axis or Changing the color of the xy axis in a line chart in chart js 4

I have a issue in my chart.js code that is I want to remove both the axis lines from the graph, i want the grids to be displayed (NOTE)

`
const MAINCHARTCANVAS = document.querySelector(“.main-chart”)

new Chart(MAINCHARTCANVAS, {
type: ‘line’,
data: {
labels: [“Mon” , “Tue” , “Wed” , “Thu” , “Fri” , “Sat” , “Sun”],
datasets: [{
label: ‘My First Dataset’,
data: [7,5,7,7,8,7,4],
borderColor: “#4F3422”,
tension: 0.4,
borderWidth:7,
borderSkipped: true,
}]
},
options: {
scales: {

        x:{
            grid:{
                display:false,  
            },
            border:{
                didplay: false,
            }
        },

        y:{
            drawBorder: false, 
            beginAtZero: true,
            grid:{
                lineWidth:3,
                color:"#E8ddd9",
            },
            border: {
                display:false,
                dash: [10,16],
            },
            ticks: {display: false}
        }
    },

    plugins: {
        legend: false, // Hide legend
        tooltip:{
            enabled: false
        },
        backgroundCircle: false
    },
    responsive: true,
    maintainAspectRatio: false,
    elements: {
        point:{
            radius: 3
        }
    }
}

})
`

this my previous code I had tried

changing color or removing the axis enough for me

sample img for the reference

i am expecting like this

expected output

Try to change the color of it to transparent or try to remove it