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
        }
       
    });