FlexChart | ComponentOne
End-user Interaction / Drill-down
In This Topic
    Drill-down
    In This Topic

    Drilling down in charts refer to the feature of displaying hierarchical data and giving the end-user ability to navigate through the various levels by simply clicking on the chart. This lets the user analyze the data at different levels that too within the same chart area.

    FlexChart provides built-in drill down feature in treemap and sunburst chart type. End-user can even drill up the chart by right clicking on deeper levels of these charts.

    Drill-down in Sunburst

    FlexChart provides the Drilldown property of Sunburst class, which when set to True, enables drilldown in sunburst chart. Note that as selection and drill down feature, both work on mouse-click, you need to disable the selection by setting the SelectionMode property to None.

    drilldown in sunburst chart

       //Enabling drill down in Sunburst
         sunburst1.Drilldown = true;           
    
        'Enabling drill down in Sunburst
         sunburst1.Drilldown = true                         
    

    Drill-down in TreeMap

    FlexChart enables drill-down feature in treemap by setting the MaxDepth property of TreeMap class to an integer value greater than 0. Note that as selection and drill down feature, both work on mouse-click, it is recommended to disable the selection by setting the SelectionMode property to None while using the drill-down feature.

    drilldown in treemap chart

          /* Enabling drill down in treemap by defining the level 
                    till which items should appear in one view */
            treeMap1.MaxDepth = 1;        
    
         ' Enabling drill down in treemap by defining the level 
         ' till which items should appear in one view
           treeMap1.MaxDepth = 1