如何从Echart库的折线图中删除网格

Question

我将通过echart库绘制折线图。当我绘制图表时，它也显示网格。我不需要网格，但是无法删除它。我已经签出Echart options，并且知道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属性造成的，但是默认情况下，实际上将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]
    }],
  });}

Answer 2

<template>

完整结果