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
i am expecting like this
Try to change the color of it to transparent or try to remove it