Can't bind to 'data' since it isn't a known property of 'p-chart'

Question

Link:https://www.primefaces.org/primeng/#/chart/bar As given in the above link i tried giving code in .ts and html . And i have installed chart.js and primeng and m getting this error.

Can't bind to 'data' since it isn't a known property of 'p-chart'.

1. If 'p-chart' is an Angular component and it has 'data' input, then verify that it is part of this module.
2. If 'p-chart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" ][data]="data">

"): ng:///AppModule/BarComponent.html@1:20 'p-chart' is not a known element: 1. If 'p-chart' is an Angular component, then verify that it is part of this module. 2. If 'p-chart' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" [ERROR ->]

Answer 1

have you tried to import the ChartModule to your project?:

Import this:

import { ChartModule } from 'primeng/chart';

and add this to your imports:

imports: [
    ChartModule
  ]