title: How to remove grid from line chart of Echart library
body: <p>I will draw a line chart by echart library. When I draw a chart, it shows grid too. I do not need grid, but I cannot remove it. I have checked out <a href="https://ecomfe.github.io/echarts-doc/public/en/option.html#grid.show" rel="noreferrer">Echart options</a> and I know that grid:{show=false} is an option of echart but it is not effective. My snippet code is below.</p>
  
  <pre><code>function lineGraph(xAxisLabels){    
  var echartLine = echarts.init(document.getElementById('myElineChart')); 
    echartLine.setOption({
      grid: {show: false},
      xAxis: [{
        type: 'category',
        showGrid: false,
        data: xAxisLabels
      }],
      yAxis: [{
        type: 'value',    
      }],
      series: [{
        name: 'Actual',
        type: 'line',
        data: [820, 932, 901, 934, 1290, 1330, 1320]
      }],
    });}
  </code></pre>
  
  <p>The result is below:
  <a href="https://i.stack.imgur.com/xCEeC.png" rel="noreferrer"><img src="https://i.stack.imgur.com/xCEeC.png" alt="enter image description here"></a></p>
  
  <p>I appreciate it if you help me.</p>