[Solved]-Problem for display a chart with Chart.js and Angular-Chart.js

chart.js 3 is tree-shakeable, so it is necessary to import and register the controllers, elements, scales and plugins you are going to use.

please take a look at bundlers (webpack, rollup, etc.) from the chart.js documentation.

in your case, this could be done as follows ():

import { chart, barelement, barcontroller, categoryscale, decimation, filler, legend, title, tooltip} from 'chart.js';

export class mychartcomponent implements oninit {
  
    constructor() {
        chart.register(barelement, barcontroller, categoryscale, decimation, filler, legend, title, tooltip);
    }
    ...
}