Create chart dynamically

[Rikard Schouwstra]

Hi

I need to create a chart dynamically in javascript for my ASP .NET Core project, but I cannot find any documentation on how to achieve this but only how to create a chart in a .cshtml file. Any help would be appreciated.

Regards

[Dharanidharan Dharmasivam]

Hi Rikard, 

 

Greetings from Syncfusion.  

 

We have analyzed your requirement. We have prepared a sample based on your requirement for rendering chart. Find the code snippet below. 

 

[ChartFeatures.cshtml] 

 

<button id="add" onclick="addChart()">Add Chart</button> 

 

function addChart() { 

        //Create div element dynamically and append to DOM 

        var chartEle = document.createElement('div'); 

        chartEle.id = 'chartContainer' + window.count; 

        document.getElementsByTagName('body')[0].appendChild(chartEle);  

 

        //Configured chart here 

        var chart = new ej.charts.Chart({ 

            //Specify the required paramaters 

        }); 

        //Append chart to dynamically created div element 

        chart.appendTo('#' + chartEle.id); 

} 

 

 

Sample: http://www.syncfusion.com/downloads/support/forum/143010/ze/chartSample-1871996295 

 

Thanks, 

Dharani.