Как удалить сетку из линейного графика библиотеки Echart

Question

Я нарисую линейную диаграмму в библиотеке echart. Когда я рисую график, он также показывает сетку. Мне не нужна сетка, но я не могу ее удалить. Я проверил Опции Echart , и я знаю, что grid: {show = false} является опцией echart, но она не эффективна. Мой фрагмент кода ниже.

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]
    }],
  });}

Результат ниже:

Я ценю это, если вы мне поможете.

Answer 1

Я опаздываю на вечеринку, но отвечаю на этот вопрос, если кому-то в будущем понадобится помощь.

Можно предположить, что это из-за атрибута grid, но сетка на самом деле установленапо умолчанию false.Линии генерируются атрибутом на вашей оси X и Y, который называется splitLine, что делает его похожим на сетку.Вы можете удалить его, изменив атрибут, как показано ниже:

function lineGraph(xAxisLabels){    
var echartLine = echarts.init(document.getElementById('myElineChart')); 
  echartLine.setOption({
    grid: {show: false},
    xAxis: [{
      type: 'category',
      showGrid: false,
      data: xAxisLabels,
      splitLine: {
         show: false
      },
    }],
    yAxis: [{
      type: 'value',   
      splitLine: {
         show: false
      },
    }],
    series: [{
      name: 'Actual',
      type: 'line',
      data: [820, 932, 901, 934, 1290, 1330, 1320]
    }],
  });}