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.

  • html
  • <ej:SunburstChart ClientIDMode="Static" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • var sun = $("#Sunburst").data("ejSunburstChart");
    sun.redraw();

    destroy ()

    destroy the sunburst

  • html
  • <ej:SunburstChart ClientIDMode="Static" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • var sun = $("#Sunburst").data("ejSunburstChart");
    sun.destroy();

    Events

    Load

    Fires before loading, you can use Load event.

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientLoad="onLoad" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onLoad(){
        // Do Something
    }

    PreRender

    Fires before rendering sunburst, you can use PreRender event.

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientPreRender="onPreRender" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onPreRender(){
        // Do Something
    }

    Loaded

    Fires after rendering sunburst, you can use Loaded event.

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientLoaded="onLoaded" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onLoaded(){
        // Do Something
    }

    DataLabelRendering

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientDataLabelRendering="onDataLabelRendering" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onDataLabelRendering(){
        // Do Something
    }

    SegmentRendering

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientSegmentRendering="onSegmentRendering" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onSegmentRendering(){
        // Do Something
    }

    TitleRendering

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientLoaded="onTitleRendering" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onTitleRendering(){
        // Do Something
    }

    TooltipInitialize

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientTooltipInitialize="onTooltipInitialize" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onTooltipInitialize(){
        // Do Something
    }

    PointRegionClick

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientPointRegionClick="onPointRegionClick" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onPointRegionClick(){
        // Do Something
    }

    PointRegionMouseMove

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientPointRegionMouseMove="onPointRegionMouseMove" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onPointRegionMouseMove(){
        // Do Something
    }

    DrillDownClick

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientDrillDownClick="onDrillDownClick" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onDrillDownClick(){
        // Do Something
    }

    DrillDownBack

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientDrillDownBack="onDrillDownBack" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onDrillDownBack(){
        // Do Something
    }

    DrillDownReset

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientDrillDownReset="onDrillDownReset" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onDrillDownReset(){
        // Do Something
    }

    LegendItemRendering

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientLegendItemRendering="onLegendItemRendering" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onLegendItemRendering(){
        // Do Something
    }

    LegendItemClick

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientLegendItemClick="onLegendItemClick" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onLegendItemClick(){
        // Do Something
    }

    Click

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientClick="onClick" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onClick(){
        // Do Something
    }

    DoubleClick

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnClientDoubleClick="onDoubleClick" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onDoubleClick(){
        // Do Something
    }

    RightClick

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

  • html
  • <ej:SunburstChart ClientIDMode="Static" OnRightClick="onRightClick" runat="server" ID="Sunburst">
    
    </ej:SunburstChart>
  • js
  • function onRightClick(){
        // Do Something
    }