Open ShivPandey opened 4 years ago
Try alternative approach meanwhile <mat-tab-group #tabs> <mat-tab label="Tab 1" #firstTab> <mat-tab label="Tab 2" #secondTab> < /mat-tab-group> < div [hidden]="!firstTab.isActive"> ngx chart 1 < /div> < div [hidden]="!secondTab.isActive"> ngx chart 2 < /div>
Any solution to this? The one above doesn't work for my case because my tabs have nested components that have graphs in each. It looks like the <rect></rect>
component within the graph incorrectly sets the width and height when it is within an Angular Material tab.
Do one thing user tabs as a router then use ngx chart its working fine
Describe the bug Not behaving Responsive inside angular material tabs