Not rendering on Angular Material Tabs

[aravind-ui]

Hi, I used amcharts in my angular project and also used the angular material design. When I tried to add the amcharts in the material tab, the chart is not rendering.

[kkseven07]

Have you wrapped the chart component into <ng-template matTabContent></ng-template> according to material ui documentation?

[dasariramacharan]

For Amcharts 4

Instead of having the amcharts inside the ng-template, I have placed them directly inside mat tab area and it worked for me.

am-charts rendering seems to be having issues when rendering inside elements which are not visible like inside non active ng-template/ *ngif , etc

[vishal-shetty]

Have you wrapped the chart component into <ng-template matTabContent></ng-template> according to material ui documentation?

This solution worked for ng-gantt ( which is a wrapper for jsgantt-improved). I was facing the issue to render it inside mat-tab, 2nd tab in fact. Thanks a lot.

[NicoHambauer]

Tanks this also worked for me! See https://github.com/NicoHambauer/mps-angular