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
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default"></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function SunburstChartMethod(){
        var sunObj = $("#default").data("ejSunburstChart");
        sunObj.redraw();
    };

    _destroy ()

    destroy the sunburst

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default"></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function SunburstChartMethod(){
        var sunObj = $("#default").data("ejSunburstChart");
        sunObj.destroy();
    };

    Events

    load

    Fires before loading.

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default" load = {Load}></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function Load(){
        // Do Something
    };

    preRender

    Fires before rendering sunburst.

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default" preRender = {PreRender}></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function PreRender(){
        // Do Something
    };

    loaded

    Fires after rendering sunburst.

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default" loaded = {Loaded}></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function Loaded(){
        // Do Something
    };

    dataLabelRendering

    Fires before rendering the data label

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default" dataLabelRendering = {DataLabelRendering}></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function DataLabelRendering(){
        // Do Something
    };

    segmentRendering

    Fires before rendering each segment

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default" segmentRendering = {SegmentRendering}></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function SegmentRendering(){
        // Do Something
    };

    titleRendering

    Fires before rendering sunburst title.

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default" titleRendering = {TitleRendering}></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function TitleRendering(){
        // Do Something
    };

    tooltipInitialize

    Fires during initialization of tooltip.

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default" tooltipInitialize = {TooltipInitialize}></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function TooltipInitialize(){
       // Do Something
    };

    pointRegionClick

    Fires after clicking the point in sunburst

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default" pointRegionClick = {PointRegionClick}></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function PointRegionClick(){
        // Do Something
    };

    pointRegionMouseMove

    Fires while moving the mouse over sunburst points

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default" pointRegionMouseMove = {PointRegionMouseMove}></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function PointRegionMouseMove(){
       // Do Something
    };

    drillDownClick

    Fires when clicking the point to perform drilldown.

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default" drillDownClick = {DrillDownClick}></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function DrillDownClick(){
        // Do Something
    };

    drillDownBack

    Fires when resetting drilldown points.

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default" drillDownBack = {DrillDownBack}></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function DrillDownBack(){
        // Do Something
    };

    drillDownReset

    Fires after resetting the sunburst points

  • html
  • <div id="sun"></div>
  • javascript
  • ReactDOM.render(
        <EJ.SunburstChart id="default" drillDownReset = {DrillDownReset}></EJ.SunburstChart>,
    	document.getElementById('sun')
    );
    
    function DrillDownReset(){
        // Do Something
    };