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.

HTML

<ej-sunburstchart id="SunBurstChart">
</ej-sunburstchart>

var sunburst = $("#SunBurstChart").data("ejSunBurstChart");
sunburst.redraw();

_destroy ()

destroy the sunburst

HTML

<ej-sunburstchart id="SunBurstChart">
</ej-sunburstchart>

var sunburst = $("#SunBurstChart").data("ejSunBurstChart");
sunburst._destroy();

Events

load

Fires before loading.

HTML

<ej-circular-gauge id="CircularGauge" draw-custom-label="DrawCustomLabel">
</ej-circular-gauge>

<script type="text/javascript">
    function DrawCustomLabel(args) {
        // Do Something
    }
</script>

preRender

Fires before rendering sunburst.

HTML

<ej-circular-gauge id="CircularGauge" draw-custom-label="DrawCustomLabel">
</ej-circular-gauge>

<script type="text/javascript">
    function DrawCustomLabel(args) {
        // Do Something
    }
</script>

loaded

Fires after rendering sunburst.

HTML

<ej-circular-gauge id="CircularGauge" draw-custom-label="DrawCustomLabel">
</ej-circular-gauge>

<script type="text/javascript">
    function DrawCustomLabel(args) {
        // Do Something
    }
</script>

dataLabelRendering

Fires before rendering the data label

HTML

<ej-circular-gauge id="CircularGauge" draw-custom-label="DrawCustomLabel">
</ej-circular-gauge>

<script type="text/javascript">
    function DrawCustomLabel(args) {
        // Do Something
    }
</script>

segmentRendering

Fires before rendering each segment

HTML

<ej-circular-gauge id="CircularGauge" draw-custom-label="DrawCustomLabel">
</ej-circular-gauge>

<script type="text/javascript">
    function DrawCustomLabel(args) {
        // Do Something
    }
</script>

titleRendering

Fires before rendering sunburst title.

HTML

<ej-circular-gauge id="CircularGauge" draw-custom-label="DrawCustomLabel">
</ej-circular-gauge>

<script type="text/javascript">
    function DrawCustomLabel(args) {
        // Do Something
    }
</script>

tooltipInitialize

Fires during initialization of tooltip.

HTML

<ej-circular-gauge id="CircularGauge" tooltip-initialize="TooltipInitialize">
</ej-circular-gauge>

<script type="text/javascript">
    function TooltipInitialize(args) {
        // Do Something
    }
</script>

pointRegionClick

Fires after clicking the point in sunburst

HTML

<ej-circular-gauge id="CircularGauge" point-region-click="PointRegionClick">
</ej-circular-gauge>

<script type="text/javascript">
    function PointRegionClick(args) {
        // Do Something
    }
</script>

pointRegionMouseMove

Fires while moving the mouse over sunburst points

HTML

<ej-circular-gauge id="CircularGauge" point-region-mouse-move="PointRegionMouseMove">
</ej-circular-gauge>

<script type="text/javascript">
    function PointRegionMouseMove(args) {
        // Do Something
    }
</script>

drillDownClick

Fires when clicking the point to perform drilldown.

HTML

<ej-circular-gauge id="CircularGauge" drill-down-click="DrillDownClick">
</ej-circular-gauge>

<script type="text/javascript">
    function DrillDownClick(args) {
        // Do Something
    }
</script>

drillDownBack

Fires when resetting drilldown points.

HTML

<ej-circular-gauge id="CircularGauge" drill-down-back="DrillDownBack">
</ej-circular-gauge>

<script type="text/javascript">
    function DrillDownBack(args) {
        // Do Something
    }
</script>

drillDownReset

Fires after resetting the sunburst points

HTML

<ej-circular-gauge id="CircularGauge" drill-down-reset="DrillDownReset">
</ej-circular-gauge>

<script type="text/javascript">
    function DrillDownReset(args) {
        // Do Something
    }
</script>