SunburstChart Multilevels

[Mahesh]

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

i.e. 

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?

[Dharanidharan Dharmasivam]

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. 

 

JS: 

  $("#container").ejSunburstChart({ 

                levels: [ 

                            { groupMemberPath: "Country" }, 

                            { groupMemberPath: "JobDescription" }, 

                            { groupMemberPath: "JobGroup" }, 

                            { groupMemberPath: "Location" } 

                      ], 

                //... 

            }); 

Screenshot: 

 

Sample for reference can be find from below link. 

http://jsplayground.syncfusion.com/zlyd5x4p  

For more information on levels, find the help document. 

Kindly revert us, if you have any concerns. 

Thanks, 

Dharani.