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

Question

I have built a graph of bar chart with some data. the current result I have is:

and what I want is to delete the names below the xAxes in the bar chart. I viewed the react-chartjs-2 documentation and tried to change the options, also viewed Chart.Js documentation.

this is my options right now:

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

@Keith Undeleted it. I thought it was completly impossible so deleted it. — Guy Cohen, Jul 01 '21 at 10:15

score 1 · Accepted Answer · answered Jun 28 '21 at 10:13

after a deep search I found the solution:

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

The problem is in xAxes it was a list instead of object.

after the fix, this is how it looks:

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

1 Answers1