We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Syncfusion Feedback

How to explode a segment in the Pie Chart?

Platform: jQuery |
Control: ejChart |
.NET Framework: 4 |
Product Version:

Pie Charts are circular charts that render Y values as slices in a pie. These slices are rendered in proportion to the sum of all the Y values in the series. You can explode these slices in any of the following ways.


Pie series support explode property that allows segments to lean out when moving the mouse over the segments. Explode option is not applicable to the pyramid and funnel type series.


JS Playground sample link: Pie Chart Exploding



In following screenshot, when the mouse hovers over the first segment, that segment explodes. When mouse moves out, the exploded segment returns to its original position.

Figure 1: First segment explodes


You can also programmatically explode a segment by using the explodeIndex property for accumulation type series (pie, doughnut, pyramid, and funnel series). To explode all the segments in the series, the explodeAll property is enabled.



The following screenshot displays the chart with programmatically exploded 5th segment by using the above code.

Figure 2: Exploded 5th segment


The explodeOffset property is used to specify the distance between the actual center and the starting position of the exploded point.



The following screenshot displays the Pie Chart with the 5th index exploded to 35 pixels from the center.

Figure 3: 5th index exploded to 35 pixels from the center

You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile