Methods

redraw()

Redraws the entire sunburst. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.

  • ts
  • export class AppComponent {
    
    redraw(){
              
         this.sunburst.widget.redraw();
    
    }
    
    // Create sunburst instance
    @ViewChild('animation') sunburst: EJComponents<any, any>;
    
    }

    _destroy ()

    destroy the sunburst

  • ts
  • export class AppComponent {
    
    destroy(){
              
         this.sunburst.widget.destroy();
    
    }
    
    // Create sunburst instance
    @ViewChild('animation') sunburst: EJComponents<any, any>;
    
    }

    Events

    load

    Fires before loading.

  • ts
  • onLoad(sender){
         
         //Do something
    
    }
  • html
  • <ej-sunburstchart  id="events" (load)="onLoad($event)">   
    </ej-sunburstchart>

    preRender

    Fires before rendering sunburst.

  • ts
  • onPreRender(sender){
         
         //Do something
    
    }
  • html
  • <ej-sunburstchart  id="events" (preRender)="onPreRender($event)">   
    </ej-sunburstchart>

    loaded

    Fires after rendering sunburst.

  • ts
  • onLoaded(sender){
         
         //Do something
    
    }
  • html
  • <ej-sunburstchart  id="events" (loaded)="onLoaded($event)">   
    </ej-sunburstchart>

    dataLabelRendering

    Fires before rendering the data label

  • ts
  • onDrawLabelRendering(sender){
         
         //Do something
    
    }
  • html
  • <ej-sunburstchart  id="events" (drawLabelRendering)="onDrawLabelRendering($event)">   
    </ej-sunburstchart>

    segmentRendering

    Fires before rendering each segment

  • ts
  • onSegmentRendering(sender){
         
         //Do something
    
    }
  • html
  • <ej-sunburstchart  id="events" (segmentRendering)="onSegmentRendering($event)">   
    </ej-sunburstchart>

    titleRendering

    Fires before rendering sunburst title.

  • ts
  • onTitleRendering(sender){
         
         //Do something
    
    }
  • html
  • <ej-sunburstchart  id="events" (titleRendering)="onTitleRendering($event)">   
    </ej-sunburstchart>

    tooltipInitialize

    Fires during initialization of tooltip.

  • ts
  • onTooltipInitialize(sender){
         
         //Do something
    
    }
  • html
  • <ej-sunburstchart  id="events" (tooltipInitialize)="onTooltipInitialize($event)">   
    </ej-sunburstchart>

    pointRegionClick

    Fires after clicking the point in sunburst

  • ts
  • onPointRegionClick(sender){
         
         //Do something
    
    }
  • html
  • <ej-sunburstchart  id="events" (pointRegionClick)="onPointRegionClick($event)">   
    </ej-sunburstchart>

    pointRegionMouseMove

    Fires while moving the mouse over sunburst points

  • ts
  • onPointRegionMouseMove(sender){
         
         //Do something
    
    }
  • html
  • <ej-sunburstchart  id="events" (pointRegionMouseMove)="onPointRegionMouseMove($event)">   
    </ej-sunburstchart>

    drillDownClick

    Fires when clicking the point to perform drilldown.

  • ts
  • onDrillDownClick(sender){
         
         //Do something
    
    }
  • html
  • <ej-sunburstchart  id="events" (drillDownClick)="onDrillDownClick($event)">   
    </ej-sunburstchart>

    drillDownBack

    Fires when resetting drilldown points.

  • ts
  • onDrillDownBack(sender){
         
         //Do something
    
    }
  • html
  • <ej-sunburstchart  id="events" (drillDownBack)="onDrillDownBack($event)">   
    </ej-sunburstchart>

    drillDownReset

    Fires after resetting the sunburst points

  • ts
  • onDrillDownReset(sender){
         
         //Do something
    
    }
  • html
  • <ej-sunburstchart  id="events" (drillDownReset)="onDrillDownReset($event)">   
    </ej-sunburstchart>