Donut (doughnut) charts visualize part-to-whole relationships as a ring of slices with a hollow center. The center area can hold custom content such as labels, while interactivity settings let you control exactly how slices respond to hover and click events.
This sample shows a donut chart of website page visits across four categories — Main Page, Documentation, Features, and Gallery. A standalone multiline label sits in the center, an explode offset of 25 px separates selected slices, and a range color palette blends from coral to gold. Custom hover and selected fills, plus outline styling with lightened colors, demonstrate layered state configuration for rich interaction behavior.
Follow the step-by-step Donut Chart Tutorial to learn how such charts are built. See the Donut Chart documentation for all configuration options.