使用 'react-chartjs-2' 从条形图中隐藏 xAxes 标签

Question

我用一些数据构建了一个条形图。我目前的结果是：

而我想要的是删除条形图中 xAxes 下面的名称。我查看了 react-chartjs-2 文档并尝试更改选项，还查看了 Chart.Js 文档。

这是我现在的选择：

const options = {
  scales: {
    yAxes: [
      {
        ticks: {
          beginAtZero: true,
        },
      },
    ],
    xAxes: [
      {
        scaleLabel: {
          display: false,
        },
        gridLines: {
          display: false,
        },
      },
    ],
  },
};

Answer 1

经过深入搜索，我找到了解决方案：

const options = {
  scales: {
    yAxes: [
      {
        ticks: {
          beginAtZero: true,
        },
      },
    ],
    xAxes: {
      ticks: {
        display: false,
      },
    },
  },

问题出在 xAxes 中，它是一个列表而不是对象。

修复后，它是这样的：

使用 'react-chartjs-2' 从条形图中隐藏 xAxes 标签

hide xAxes labels from Bar chart with 'react-chartjs-2'

reactjs

react-chartjs-2