ChartJS2 in Ionic2

Question

I created a new project and tried to implement charts using ChartJS2 from this link

app.module.ts

... import { ChartModule } from 'ng2-chartjs2'; @NgModule({ ... imports: [ ChartModule ], ... }) export class AppModule {} 

index.html

 <script src="../node_modules/chart.js/src/chart.js"></script> <!--<script src="node_modules/chart.js/src/chart.js"></script>--> <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>--> <!-- Tried all three --> 

home.ts

 ... import { Chart } from 'ng2-chartjs2'; ... export class HomePage { ... labels: string[] = ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"]; data: Chart.Dataset[] = [ { label: '# of Votes', data: [12, 19, 3, 5, 2, 3], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)' ], borderColor: [ 'rgba(255,99,132,1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)' ], borderWidth: 1 } ]; } 

I get an error

chart.js: 21 You must include Library.js 2.0 Library in your index.html for ng2-chartjs2 to work.

Github Repo - Here is my complete program with this error

Any help would be greatly appreciated. Thanks.

Answer 1

try it

Add a folder inside src / assets called libs , then copy node_modules / chart.js / dist / Chart.bundle.js to src / assets / libs

Now go to your index.html file and delete the old chart.js link by adding this:

<script src="assets/libs/chart.bundle.js"></script>

I tried your project for some reason index.html inside www was not updated, maybe you also need to add this link.