I am experiencing issues with the grid and Nodata options on my Apexchart line chart.
noData: {
text: none ,
align: 'center',
verticalAlign: 'middle',
offsetX: 0,
offsetY: 0,
style: {
color: undefined,
fontSize: '14px',
fontFamily: undefined
}
}
grid:{
Show:false,
row:{Colors:[‘blue’, ‘transparent’], opacity:0.5
Even when there is no data in the chart, I can still see the grid lines reflected in the chart's div, and I am unable to remove them or change the Div since most are svg items.
Seeking a solution to hide the grid and display only the nodata text.
I have included a code pen for testing where you need to replace the type from bar to line in the JS file.
I am new to this chart format, so any help in providing a viable solution would be greatly appreciated as I have found that most solutions do not work for me.