adding series to the chart from server side code.

[Gideon Keys]

hey,

I have a line chart that I want to populate with data from a database. The problem I'm having is the amount of series I need changes depending on the data that the user wants from the database. I can't find anything in the documentaion about this. Maybe I am looking in the wrong place. Or going about this the wrong way. Any help would be greatly appreciated. 

[Dharanidharan Dharmasivam]

Hi Gideon, 

 

Greetings from Syncfusion. 

 

We have analysed your query. We have prepared a sample based on your requirement. In that we have created multiple list of data in server side and store all collections in ViewBag. Then dynamically add series in view page based on data length. Please find below snippet, 

 

Code Snippet: 

[chartFeatures.cshtml]: 

@{ 

    var count = Enumerable.Count(ViewBag.Items); 

} 

@Html.EJS().Chart("container") 

     .Series(series => 

         { 

            for(var i=0; i< count; i++) { 

             series.Type(Syncfusion.EJ2.Charts.ChartSeriesType.Line).DataSource(ViewBag.Items[i]).Add(); 

          }).Render() 

 

[chartController.cs]: 

public ActionResult ChartFeatures() 

{ 

List<List<DoubleAxisData>> data = new List<List<DoubleAxisData>>(); 

//Other configurations 

ViewBag.Items = data; 

return View(); 

} 

 

Screenshot: 

 

 

Sample:  http://www.syncfusion.com/downloads/support/directtrac/general/ze/multipleseries_dynamically_added-114918458.zip 

 

Hope this helps. 

 

Regards, 

Dharani. 

[Gideon Keys]

Thank you. That worked great!

[Dharanidharan Dharmasivam]

Hi Gideon, 

 

Most welcome. Kindly get in touch with us, if you require further assistance. We are always happy in assisting you. 

 

Thanks, 

Dharani.