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>