我发现了一个解决方案，隐藏网格线在折线图。

将gridLines颜色设置为与div的背景色相同。

var options = {
    scales: {
        xAxes: [{
            gridLines: {
                color: "rgba(0, 0, 0, 0)",
            }
        }],
        yAxes: [{
            gridLines: {
                color: "rgba(0, 0, 0, 0)",
            }   
        }]
    }
}

或使用

var options = {
    scales: {
        xAxes: [{
            gridLines: {
                display:false
            }
        }],
        yAxes: [{
            gridLines: {
                display:false
            }   
        }]
    }
}

下面的代码只删除x轴和y轴标签中的网格线

Chart.defaults.scale.gridLines.drawOnChartArea = false;

从版本3开始。X，继续使用这个语法。 参考chart.js迁移指南:https://www.chartjs.org/docs/latest/getting-started/v3-migration.html

scales: {
  x: {
    grid: {
      display: false
    }
  },
  y: {
    grid: {
      display: false
    }
  }
}

这为我的react项目做了

天平:{ xAxis: { 网格:{ 显示:假 ｝ ｝ ｝

我希望这对你们有帮助

如果你想隐藏网格线，但想显示yAxes，你可以设置:

yAxes: [{...
         gridLines: {
                        drawBorder: true,
                        display: false
                    }
       }]

options: {
    scales: {
        xAxes: [{
            gridLines: {
                drawOnChartArea: false
            }
        }],
        yAxes: [{
            gridLines: {
                drawOnChartArea: false
            }
        }]
    }
}