<div *ngFor="let data of [1,2,3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]; index as i" [attr.data-index]="i">
<div [ngClass]="'col-md-3'">
<mat-card>
<mat-card-content>
<div align='center'>
<ejs-chart align='center' id={{i}} [primaryXAxis]='primaryXAxis'
[tooltip]='tooltip' [height]="height" [zoomSettings]='zoomSettings'>
<e-series-collection>
<e-series [dataSource]='data1' type='Line' xName='x' yName='y' width=2 > </e-series>
</e-series-collection>
</ejs-chart>
</div>
</mat-card-content>
</mat-card>
</div>
</div>
If I run this code, the page hangs.
Is there any memory leak, or am I doing something wrong here.
How do I wait for a response from the server and then load multiple plots in the same page.
Hi,
I have the same issue. Any solution?
Hi Cesar,
We have rendered the chart in mat to replicate the reported scenario with the latest version(v20.4.50). But we are unable to replicate the same. Please find the below tested sample link for your reference.
Sample link: https://stackblitz.com/edit/angular-p4vwyu?file=src%2Fapp.component.html
If the reported scenario still persists, please modify the above sample to replicate the reported scenario. It will be helpful for us to analyze further and assist you better.
Regards,
Swetha