We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

SunburstChart Multilevels

Data that I have has multiple levels, but different levels for different catagory.


One data element is: 

data.Add(new DefaultData() { Category = "Employees", Country = "USA", JobDescription = "Sales",         JobGroup ="Executive",                         EmployeesCount= 50});

other one has extra field:

data.Add(new DefaultData() { Category = "Employees", Country = "USA", JobDescription = "Sales",         JobGroup ="Executive",        Location="San Franscisco"                 EmployeesCount= 100});

How to handle this?

1 Reply

DD Dharanidharan Dharmasivam Syncfusion Team August 23, 2017 01:24 PM UTC

Hi Mahesh, 

Thanks for contacting Syncfusion support. 

We have analyzed your query. If you have extra field in the data collection, then in the levels you can map the particular field to groupMemberPath property, so that if the field exist in the data source then it will be rendered as child element. We have prepared a sample with the provided data. Here we have bind location field to the groupMemberPath of levels property. So that the location field will be rendered as child element to JobGroup field. Find  the code snippet below to achieve this requirement. 

                levels: [ 
                            { groupMemberPath: "Country" }, 
                            { groupMemberPath: "JobDescription" }, 
                            { groupMemberPath: "JobGroup" }, 
                            { groupMemberPath: "Location" } 


Sample for reference can be find from below link. 

For more information on levels, find the help document. 

Kindly revert us, if you have any concerns. 


Live Chat Icon For mobile
Up arrow icon