Add series to Accumlation Pie Chart

[Rikard Schouwstra]

Hi,

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

Regards

[Dharanidharan Dharmasivam]

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.