ng2-google-charts not working

I followed the instruction mentioned in readme file. But, still I am not able to integrate the charts successfully with my project.

1. Ran npm i --save ng2-google-charts.
2. Imported the Ng2GoogleChartsModule in your app.module.ts.
3. Used the same markup and data in .ts file as shown in example.

Following is the error that I am getting.

Can't bind to 'data' since it isn't a known property of 'google-chart'.
1. If 'google-chart' is an Angular component and it has 'data' input, then verify that it is part of this module.
2. If 'google-chart' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
 ("
        <div class="col-sm-12">
            <h2>Gaugh Chart</h2>
            <google-chart [ERROR ->][data]="pieChartOptions"></google-chart>
        </div>
    </div>
"): SummaryComponent@18:26
'google-chart' is not a known element:
1. If 'google-chart' is an Angular component, then verify that it is part of this module.
2. If 'google-chart' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("
        <div class="col-sm-12">
            <h2>Gaugh Chart</h2>
            [ERROR ->]<google-chart [data]="pieChartOptions"></google-chart>
        </div>
    </div>
"): SummaryComponent@18:12 ; Zone: <root> ; Task: Promise.then ; Value: 

Also, thanks for creating this awesome project. 😃

[souravmondal93]

I made the charts working. I had to import it in barrel module instead of root module. Thanks @viwell and @gmazzamuto for your help. I am closing the issue.

[sunilbehera91]

i have in the error that I am getting.the error , how to solve the error ?