Create chart dynamically

Thread ID:	Created:	Updated:	Platform:	Replies:
143010	Feb 28,2019 12:52 PM UTC	Mar 1,2019 10:14 AM UTC	ASP.NET Core - EJ 2	1

Subscribe to this post

Tags: Charts

Rikard Schouwstra

Asked On February 28, 2019 12:52 PM UTC

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

Reply | Reply with quote

Dharanidharan Dharmasivam [Syncfusion]

Replied On March 1, 2019 10:14 AM UTC

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.

Reply | Reply with quote

CONTACT US

Create chart dynamically

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US