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.

Example

  • html
  • <div id="Sunburst">Sunburst</div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module SunburstChartComponent {
        $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"),{
            //..//   
            });
           // Redraws the Sunburst
         sample.redraw(); 
        });
    });
    }

    destroy ()

    destroy the sunburst

    Example

  • html
  • <div id="Sunburst">Sunburst</div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module SunburstChartComponent {
        $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"),{
            //..//   
            });
           // Destroys the Sunburst
         sample.destroy(); 
        });
    });
    }

    Events

    load

    Fires before loading, you can use load event.

    Example

  • javascript
  • //load event for sunburst
    
    $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  load: function () {
                     //..//
                    }
                });
            });

    preRender

    Fires before rendering sunburst, you can use preRender event.

    Example

  • javascript
  • //preRender event for sunburst
    
    $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  preRender: function () {
                     //..//
                    }
                });
            });

    loaded

    Fires after rendering sunburst, you can use loaded event.

    Example

  • javascript
  • //loaded event for sunburst
    
    $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  loaded: function () {
                     //..//
                    }
                });
            });

    dataLabelRendering

    Fires before rendering the data label, you can use dataLabelRenderingevent.

    Example

  • javascript
  • //data label rendering event for sunburst
    
    $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  dataLabelRendering: function () {
                     //..//
                    }
                });
            });

    segmentRendering

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

    Example

  • javascript
  • //segment rendering event for sunburst
    
    $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  segmentRendering: function () {
                     //..//
                    }
                });
            });

    titleRendering

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

    Example

  • javascript
  • //title rendering event for sunburst
    
    $(function () {
     var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  titleRendering: function () {
                     //..//
                    }
                });
            });

    tooltipInitialize

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

    Example

  • javascript
  • //tooltip initialize event for sunburst
    
    $(function () {
    var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  tooltipInitialize: function () {
                     //..//
                    }
                });
            });

    pointRegionClick

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

    Example

  • javascript
  • //point region click event for sunburst
    
    $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  pointRegionClick: function () {
                     //..//
                    }
                });
            });

    pointRegionMouseMove

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

    Example

  • javascript
  • //point region mouse move event for sunburst
    
    $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                pointRegionMouseMove: function () {
                     //..//
                    }
                });
            });

    drillDownClick

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

    Example

  • javascript
  • //drill down click event for sunburst
    
    $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  drillDownClick: function () {
                     //..//
                    }
                });
            });

    drillDownBack

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

    Example

  • javascript
  • //drill down back event for sunburst
    
    $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  drillDownBack: function () {
                     //..//
                    }
                });
            });

    drillDownReset

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

    Example

  • javascript
  • //drill down reset event for sunburst
    
    $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  drillDownReset: function () {
                     //..//
                    }
                });
            });

    legendItemRendering

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

    Example

  • javascript
  • //legend item rendering event for sunburst
    
    $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  legendItemRendering: function () {
                     //..//
                    }
                });
            });

    legendItemClick

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

    Example

  • javascript
  • //legend item click event for sunburst
    
    $(function () {
            var sample = new ej.datavisualization.SunburstChart($("#Sunburst"), {
                  legendItemClick: function () {
                     //..//
                    }
                });
            });