Uncaught Error: "category" is not a registered scale

Question

I am trying to implement React char but getting this error, I search and follow decumentation but couldn't find the solution.

import React from 'react';
import { Bar } from 'react-chartjs-2';


const BarChart = () => {

  return (
      
        
    
  );
};

export default BarChart;

user_9360322 · Answer

Change your code to:

import { Bar } from 'react-chartjs-2';
import { Chart, registerables } from 'chart.js';
Chart.register(...registerables);

const BarChart = () => { ... your code ... }

As described in https://www.chartjs.org/docs/3.3.0/getting-started/integration.html#bundlers-webpack-rollup-etc you need to register all the components you're going to use.
The above code just registers everything.

Check out the link for all available components you can register.

Uncaught Error: "category" is not a registered scale

1 Answers