Levels

Sunburst chart is used to display hierarchical data. You can add more than one hierarchical data by using the levels property of Sunburst chart. Each level of the hierarchy is represented by circle.
The following code snippet illustrates

  • js
  • "use strict";
     var levels = [
                {
                    //... to represent the hierarchical data in different levels 
                       }
                ];
     ReactDOM.render(
        <EJ.SunburstChart id = "sunburst1"      
        levels ={levels}    
        >                  
        </EJ.SunburstChart>,
              document.getElementById('sunburst')
    );

    GroupMemberPath

  • js
  • "use strict";
    var levels = [
            { groupMemberPath: "Level 1" },
                { groupMemberPath: "Level 2" },
                { groupMemberPath: "Level 3" },
                ];
    ReactDOM.render(
        <EJ.SunburstChart id = "sunburst1"      
        levels ={levels}    
        >                  
        </EJ.SunburstChart>,
              document.getElementById('sunburst')
    );

    The following screenshot illustrates the Sunburst Chart with different levels