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