如何在 React 图表 js 2 中隐藏图表中的网格线

Question

我正在使用 react-chartjs-2 版本 5，我想隐藏网格线。我试过这个代码片段但没有用。

xAxes: [
    {
      display: false,
      gridLines: {
        display: false,
        zeroLineColor: "transparent"
      }
    }
  ],
  yAxes: [
    {
      display: false,
      gridLines: {
        display: false,
        zeroLineColor: "transparent"
      },
    }
  ]

Answer 1

尝试了您的代码片段，但它在

react-chartjs-2

v5.2

中不起作用

解决方案：您可以简单地将

xAxes, yAxes

替换为

x,y

而不是

gridLines

与

grid

在

scales

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

我在这里删除了网格线：在这里删除了网格线