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
}