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

JS

// Redraw Sunburst
var sunburstObj = $("#container").data("ejSunburstChart");
sunburstObj.redraw();

JS

$("#container").ejSparkline("redraw");

destroy ()

destroy the sunburst

Example

JS

// Destroy sunburst
var sunburstObj = $("#container").data("ejSunburstChart");
sunburstObj.destroy();

JS

$("#container").ejSunburstChart("destroy");

Events

load

Fires before loading, you can use load event.

Example

JS

//load event for sunburst

$("#container").ejSunburstChart({

    load: function (args) {
             //Do something
    }
    
});

preRender

Fires before rendering sunburst, you can use preRender event.

Example

JS

//preRender event for sunburst

$("#container").ejSunburstChart({

    preRender: function (args) {
              //Do something
    }
   
});

loaded

Fires after rendering sunburst, you can use loaded event.

Example

JS

//loaded event for sunburst

$("#container").ejSunburstChart({

    loaded: function (args) {
              //Do something
    }
   
});

dataLabelRendering

Fires before rendering the datalabel, you can use dataLabelRendering event.

Example

JS

//data label rendering event for sunburst

$("#container").ejSunburstChart({

    dataLabelRendering: function (args) {
              //Do something
    }
   
});

segmentRendering

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

Example

JS

//segment rendering event for sunburst

$("#container").ejSunburstChart({

    segmentRendering: function (args) {
              //Do something
    }
   
});

titleRendering

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

Example

JS

//title rendering event for sunburst

$("#container").ejSunburstChart({

    titleRendering: function (args) {
              //Do something
    }
   
});

tooltipInitialize

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

Example

JS

//tooltip initialize event for sunburst

$("#container").ejSunburstChart({

    tooltipInitialize: function (args) {
              //Do something
    }
   
});

pointRegionClick

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

Example

JS

//point region click event for sunburst

$("#container").ejSunburstChart({

    pointRegionClick: function (args) {
              //Do something
    }
   
});

pointRegionMouseMove

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

Example

JS

//point region mouse move event for sunburst

$("#container").ejSunburstChart({

    pointRegionMouseMove: function (args) {
              //Do something
    }
   
});

drillDownClick

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

Example

JS

//drill down click event for sunburst

$("#container").ejSunburstChart({

    drillDownClick: function (args) {
              //Do something
    }
   
});

drillDownBack

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

Example

JS

//drill down back event for sunburst

$("#container").ejSunburstChart({

    drillDownBack: function (args) {
              //Do something
    }
   
});

drillDownReset

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

Example

JS

//drill down reset event for sunburst

$("#container").ejSunburstChart({

    drillDownReset: function (args) {
              //Do something
    }
   
});

legendItemRendering

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

Example

JS

//legend item rendering event for sunburst

$("#container").ejSunburstChart({

    legendItemRendering: function (args) {
              //Do something
    }
   
});

legendItemClick

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

Example

JS

//legend item click event for sunburst

$("#container").ejSunburstChart({

    legendItemClick: function (args) {
              //Do something
    }
   
});

Click

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

JS

//Click event for sunburst chart

 $("#container").ejSunburstChart({


    click: function (args) {
              //Do something
    }
   
});

doubleClick

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

JS

//DoubleClick event for sunburst chart

 $("#container").ejSunburstChart({


    doubleClick: function (args) {
              //Do something
    }
   
});

rightClick

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

JS

//RightClick event for sunburst chart

 $("#container").ejSunburstChart({

    rightClick: function (args) {
              //Do something
    }
   
});