如何在ECharts中设置所有网格（含背景水平线）不可见

背景的水平/垂直网格线不属于grid组件的配置范畴，由对应坐标轴的splitLine（分割线）属性控制渲染，要隐藏所有网格线，将对应坐标轴的该属性设置为不显示即可。

直角坐标系（折线图、柱状图、散点图等）配置示例 #

const option = {
  // 其余全局、grid、series等配置保持不变
  xAxis: {
    // 你原有的x轴配置，比如type、data等
    splitLine: {
      show: false // 关闭x轴延伸出的垂直网格线
    }
  },
  yAxis: {
    // 你原有的y轴配置，比如type等
    splitLine: {
      show: false // 关闭y轴延伸出的水平网格线，也就是你截图中看到的水平线条
    }
  }
}

特殊场景说明 #

• 多坐标轴场景（双Y轴、多X轴）：需要给每一个配置的坐标轴实例都加上splitLine.show = false，遗漏的坐标轴对应的分割线会正常渲染
• 极坐标系（极坐标柱状图、极坐标折线图等）：径向、角向网格线分别在radiusAxis.splitLine、angleAxis.splitLine下设置show: false即可
• 注意区分三类线条配置，不要配错位置：
  • axisLine：坐标轴本身的基准轴线
  • axisTick：坐标轴上紧邻标签的短刻度线
  • splitLine：从刻度位置延伸贯穿整个绘图区的网格线，也就是你要移除的线条

内容的提问来源于stack exchange，提问作者KT.Thompson