Multiples charts not showing

[Manolo Capdevila]

Hi,

I've created a chart component using your chart, but when I want show multiples charts in same controller, only show the last

I attach an example

Attachment: charts_50fb1397.zip

[Srihari Muthukaruppan]

Hi Manolo, 

Thanks for contacting syncfusion support. 

We have analysed your query. From that, we would like to let you know that the multiple charts are working fine. We suspect that the issue is due to the same id name provided for all the div elements. Hence we suggest you to provide different  Based on your requirement we have prepared a sample for your reference. Please find the below sample, code snippet and screenshot. 

  

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/MultipleCharts1158227119.zip 

  

Code Snippet: 

 

widget-chart.component.html 

<ejs-chart #chart [id]="uniqueIDs"></ejs-chart> 

widget-chart.component.ts: 

export class WidgetChartComponent implements OnInit { 

//… 

public uniqueIDs: string; 

assignDatasources() { 

   status.forEach( item => { 

       let randomStr = Math.random().toString(36).substr(2, 9); 

      this.uniqueIDs =  ("Chart"+ randomStr); 

      //… 

  }); 

} 

} 

  

Screenshot: 

 

  

Let us know if you have any concerns. 

  

Regards, 

Srihari M