chartjs-plugin-annotations not displayed in angular 5

Question

While using the chart.js and the plugin chartjs-plugin-annotation, annotations are not showing while using angular 5, no error messages are displayed.

I have created

Answer 1

To anyone having a TypeScript error saying that annotation isn't a ChartOptions property. After looking for an answer for a week or two I found a way to fix the issue.

Follow this path: node_modules/@types/chart.js/index.d.ts

Open index.d.ts, locate interface ChartOptions { and add this line. annotation?: Object; }

This is how I fixed my issue after every other solution failed.