如何从 Linechart (Apexchart) 中删除网格答案

【问题标题】：How to remove the grid from Linechart (Apexchart)如何从 Linechart (Apexchart) 中删除网格
【发布时间】：2021-06-24 11:36:36
【问题描述】：

我有一个 Apexchart 折线图，在折线图选项的网格和 Nodata 方面遇到问题。

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

当图表中没有数据时，我可以看到网格仍然反映在图表的 div 中，我无法删除这些网格线或更改 Div，因为大多数是 svg 项目。

请求一些解决方案来隐藏网格并仅显示 nodata 文本

已插入代码笔测试JS文件中需要替换type:line而不是bar的代码

codepen

我是这种图表格式的新手，因此有人可以帮助提供一个好的解决方案，因为我发现大多数解决方案都不适合我

【问题讨论】：

链接指向404页面。
更新链接Apexchart
你想要这样吗？ nimb.ws/QDdms9
当图表中没有数据时，我不想看到空 div 甚至网格。中心只有一条短信没有数据

标签： javascript html css angular

【解决方案1】：

我认为您可以将 z-index 用于图表栏或不使用 opecity。

【讨论】：

当图表数据为空时，它仍然显示图表的网格行