Add series to Accumlation Pie Chart

Thread ID:	Created:	Updated:	Platform:	Replies:
143332	Mar 14,2019 10:32 AM UTC	Mar 18,2019 07:27 AM UTC	ASP.NET Core - EJ 2	1

Subscribe to this post

Tags: Charts

Rikard Schouwstra

Asked On March 14, 2019 10:32 AM UTC

Hi,

I need to add a series to a pie chart dynamically. Could anyone please assist me on the matter.

Regards

Reply | Reply with quote

Dharanidharan Dharmasivam [Syncfusion]

Replied On March 18, 2019 07:27 AM UTC

Hi Rikard,

Greeting from Syncfusion.

We have analyzed your requirement. Your requirement can be achieved by initializing the empty series and then you can add the series dynamically. Find the code snippet below to achieve this requirement.

<ejs-accumulationchart id="pieChart">

<e-accumulation-series-collection>

Initialized the empty series

<e-accumulation-series></e-accumulation-series>

</e-accumulation-series-collection>

</ejs-accumulationchart>

function addSeries(args) {

var chart = document.getElementById('pieChart').ej2_instances[0];

var seriesData = { type: 'Pie', dataSource: [{ x: 'X1', y: 14 },

//...

], xName: 'x', yName: 'y'

};

Assign the properties to chart from your data source and refresh the chart

chart.series[0].dataSource = seriesData.dataSource;

//...

chart.refresh();

}

Sample: http://www.syncfusion.com/downloads/support/forum/143332/ze/chartSample798552338

Thanks,

Dharani.

Reply | Reply with quote

CONTACT US

Add series to Accumlation Pie Chart

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US