Methods

redraw()

redraw 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.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1"))
  • js
  • var sun = $("#SunburstChart1").data("ejSunburstChart");
    sun.redraw();

    destroy ()

    destroy the sunburst

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1"))
  • js
  • var sun = $("#SunburstChart1").data("ejSunburstChart");
    sun.destroy();

    Events

    Load

    Fires before loading, you can use Load event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .Load("load")
    
    )
  • js
  • function load(){
        // Do Something
    }

    PreRender

    Fires before rendering sunburst, you can use PreRender event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .PreRender("prerender")
    
    )
  • js
  • function prerender(){
        // Do Something
    }

    Loaded

    Fires after rendering sunburst, you can use Loaded event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .Loaded("loaded")
    
    )
  • js
  • function loaded(){
        // Do Something
    }

    DataLabelRendering

    Fires before rendering the data label, you can use DataLabelRendering event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .DataLabelRendering("dataLabelRendering")
    
    )
  • js
  • function dataLabelRendering(){
        // Do Something
    }

    SegmentRendering

    Fires before rendering each segment, you can use SegmentRendering event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .SegmentRendering("segmentRendering")
    
    )
  • js
  • function segmentRendering(){
        // Do Something
    }

    TitleRendering

    Fires before rendering sunburst title, you can use TitleRendering event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .TitleRendering("titleRendering")
    
    )
  • js
  • function titleRendering(){
        // Do Something
    }

    TooltipInitialize

    Fires during initialization of tooltip, you can use TooltipInitialize event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .TooltipInitialize("tooltipInitialize")
    
    )
  • js
  • function tooltipInitialize(){
        // Do Something
    }

    PointRegionClick

    Fires after clicking the point in sunburst, you can use PointRegionClick event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .PointRegionClick("pointRegionClick")
    
    )
  • js
  • function pointRegionClick(){
        // Do Something
    }

    PointRegionMouseMove

    Fires while moving the mouse over sunburst points, you can use PointRegionMouseMove event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .PointRegionMouseMove("pointRegionMouseMove")
    
    )
  • js
  • function pointRegionMouseMove(){
        // Do Something
    }

    DrillDownClick

    Fires when clicking the point to perform drilldown, you can use DrillDownClick event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .DrillDownClick("drillDownClick")
    
    )
  • js
  • function drillDownClick(){
        // Do Something
    }

    DrillDownBack

    Fires when resetting drilldown points, you can use DrillDownBack event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .DrillDownBack("drillDownBack")
    
    )
  • js
  • function drillDownBack(){
        // Do Something
    }

    DrillDownReset

    Fires after resetting the sunburst points, you can use DrillDownReset event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .DrillDownReset("drillDownReset")
    
    )
  • js
  • function drillDownReset(){
        // Do Something
    }

    LegendItemRendering

    Fires before rendering the legend item, you can use LegendItemRendering event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .LegendItemRendering("legendItemRendering")
    
    )
  • js
  • function legendItemRendering(){
        // Do Something
    }

    LegendItemClick

    Fires when clicking the legend item, you can use LegendItemClick event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .LegendItemClick("legendItemClick")
    
    )
  • js
  • function legendItemClick(){
        // Do Something
    }

    Click

    Fires when clicking the sunburst points, you can use Click event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .Click("click")
    
    )
  • js
  • function click(){
        // Do Something
    }

    DoubleClick

    Fires when double clicking the sunburst points, you can use DoubleClick event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .DoubleClick("doubleClick")
    
    )
  • js
  • function doubleClick(){
        // Do Something
    }

    RightClick

    Fires when right clicking the sunburst points, you can use RightClick event.

  • cshtml
  • @(Html.EJ().SunburstChart("SunburstChart1")
    
    .RightClick("rightClick")
    
    )
  • js
  • function rightClick(){
        // Do Something
    }