Last Updated: 15 May 2024 15:17 by ADMIN
Release 2024 Q2 (May)
Created on: 06 Dec 2022 08:59
Category: Charts
Type: Feature Request
Spaces between segments in a Donut and Pie chart


Please consider a built-in way to add spacing (gaps, margins, etc.) between the segments of a Donut and Pie charts. The <ChartSeries> tag has such parameters, but they are used for other settings or other series types.

Currently, it is possible to achieve the desired appearance with custom CSS, but that requires knowledge about the Chart rendering.

1 comment
Posted on: 15 May 2024 15:17

Hi all,

Here is an update on the item: With the newest version of our product (6.0.0), which we released today, you can achieve the desired functionality built-in through the ChartSeriesBorder tag. To add white space between the segments of the Pie or Donut, set the following parameters of the ChartSeriesBorder tag:

  • The Color parameter to "white"
  • The Width parameter to the desired width space (e.g. "10")

Also, I'm sharing runnable examples for each Pie and Donut Chart:

Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!