# Customizing Pie and Doughnut Plots

Learn how to customize Pie and Doughnut charts with ActiveReportsJS.

## Content

The following properties allow you to fine-tune the appearance of **Pie and Doughnut Plots**, enabling greater control over their layout and presentation. You can explore these settings by adjusting the configuration in any **Pie, Doughnut, or Circular Bar Plot** demos to see their effects in action.  

- **Inner Radius** – Specifies the **size of the central hole** as a percentage of the outer radius. In **Doughnut Plots**, increasing this value creates a larger hollow center. For example, in the [Doughnut Plot Demo](https://developer.mescius.com/activereportsjs/demos/Reports/DoughnutPlot/purejs), this property is set to **20%**.  
- **Offset** – Defines the **gap between circular sectors** as a percentage of their arc length. This property can be adjusted to visually separate slices or segments. In the [Pie Plot Demo](https://developer.mescius.com//activereportsjs/demos/Reports/PiePlot/purejs), setting this to **10%** creates spacing between slices.  
- **Start Angle** – Determines the **rotation of the plot** in degrees, measured clockwise. A full rotation is **360 degrees**, allowing precise control over the initial position of slices.  
- **Sweep** – Controls the **total arc length occupied by the plot**, ranging from **0 to 360 degrees**. This property is useful for creating semi-circular or partial Pie/Doughnut plots. For instance, in the [Circular Bar Plot Demo](https://developer.mescius.com//activereportsjs/demos/Reports/CircularBarPlot/purejs), it is set to **270 degrees**, forming a three-quarter circle.