angular2-chartjs: Multiple charts in single component?

Asked Dec 17 '19 at 13:31

Active Dec 17 '19 at 13:31

Viewed 492 times

I'm using angular2-chartjs for charts in my Angular app following https://github.com/emn178/angular2-chartjs. It works fine and I can add any single type chart available in the module. However, I want 3 multiple type charts on the same page/component i.e. Pie, Line and Bar chart. I have searched for this and found like How can I get multiple charts(bar and line) with ng2-charts? but didn't work in my case as I'm using <chart> element, and mostly solutions are with <canvas> element and I guess that the version doesn't support.

Please guide me how can I achieve this.

asked Dec 17 '19 at 13:31

user2702237

1

Why don't you just use three times with different types in your template? – Johar Zaman Dec 17 '19 at 13:36
Example: `

` – Johar Zaman Dec 17 '19 at 13:37
Options and Data can be different for each chart like pieChartData, pieChartOptions lineChartData, lineChartOptions barChartData, barChartOptions These can the different properties in .ts file to use in different charts. – Johar Zaman Dec 17 '19 at 13:38
But how to differentiate or assign the ID in .ts file for every chart? – user2702237 Dec 17 '19 at 17:40
Well, I got it done. – user2702237 Dec 18 '19 at 10:23

angular2-chartjs: Multiple charts in single component?

0 Answers0